IE6 Bug - Float

[mehstg1319]

Hi there people

Was wondering if anybody could help me. I am working on a page at the
moment but have got stuck. It displays perfectly in Firefox Mac/
Windows, Safari, Opera and IE7. The problem I am having is that it
breaks when displayed in IE6. I'm not sure if it is having trouble
rendering the floated Div's. The left and right nav do not show in
IE6, just a white space.

This is the site: http://sitem-cl.herts.ac.uk/busintel/template.html


Hopefully somebody might be able to help me.



Paul

[Jonathan N. Little]

Re: IE6 Bug - Float

mehstg1319 wrote:

Hi there people
>
Was wondering if anybody could help me. I am working on a page at the
moment but have got stuck. It displays perfectly in Firefox Mac/
Windows, Safari, Opera and IE7. The problem I am having is that it
breaks when displayed in IE6. I'm not sure if it is having trouble
rendering the floated Div's. The left and right nav do not show in
IE6, just a white space.
>
This is the site: http://sitem-cl.herts.ac.uk/busintel/template.html
>
>
Hopefully somebody might be able to help me.

Good luck!

http://www.google.com/search?hl=en&q=IE+peekaboo+bug&btnG=Google+Search

IE peekaboo bug - Google Search

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

http://www.LittleWorksStudio.com

[mehstg1319]

Re: IE6 Bug - Float

On 3 May, 14:11, "Jonathan N. Little" <lws4...@centra l.netwrote:

mehstg1319 wrote:

Hi there people

>

Was wondering if anybody could help me. I am working on a page at the
moment but have got stuck. It displays perfectly in Firefox Mac/
Windows, Safari, Opera and IE7. The problem I am having is that it
breaks when displayed in IE6. I'm not sure if it is having trouble
rendering the floated Div's. The left and right nav do not show in
IE6, just a white space.

>

This is the site:http://sitem-cl.herts.ac.uk/busintel/template.html

>

Hopefully somebody might be able to help me.

>
Good luck!
>

http://www.google.com/search?hl=en&q=IE+peekaboo+bug&btnG=Google+Search

IE peekaboo bug - Google Search
>
--
Take care,
>
Jonathan
-------------------
LITTLE WORKS STUDIOhttp://www.LittleWorks Studio.com

I have read through some of the pages. Seems a little confusing.

tried implementing the hasLayout, but not really sure what I am doing


Paul

[Jonathan N. Little]

Re: IE6 Bug - Float

mehstg1319 wrote:

On 3 May, 14:11, "Jonathan N. Little" <lws4...@centra l.netwrote:

>mehstg1319 wrote:

>>Hi there people
>>Was wondering if anybody could help me. I am working on a page at the
>>moment but have got stuck. It displays perfectly in Firefox Mac/
>>Windows, Safari, Opera and IE7. The problem I am having is that it
>>breaks when displayed in IE6. I'm not sure if it is having trouble
>>rendering the floated Div's. The left and right nav do not show in
>>IE6, just a white space.
>>This is the site:http://sitem-cl.herts.ac.uk/busintel/template.html
>>Hopefully somebody might be able to help me.

>Good luck!
>>
>http://www.google.com/search?hl=en&q...=Google+Search
>IE peekaboo bug - Google Search

<please snip signatures>

I have read through some of the pages. Seems a little confusing.
>
tried implementing the hasLayout, but not really sure what I am doing

Well here is a fix, change to rules in your stylesheet layout.css. Stop
floating your content div, not needed

#content {
/* Don't float content, IE peekaboo bug... I'v commented it out*/
/* float:left; */
/* Don't need to specify width either */
/* width:100%; */
background: #FFFFFF;
}

And set the top of your right side navbar

#navRight {
position: absolute;
/* Added this to postion the top */
top: 105px;
right: 10px;
width:210px;
height:500px;
background: #AA272F;
margin: 1px 0 0 0;
text-align:center;
}


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO

http://www.LittleWorksStudio.com

[Bergamot]

Re: GG IE6 Bug - Float


mehstg1319 wrote:

>
The left and right nav do not show in
IE6, just a white space.
>
http://sitem-cl.herts.ac.uk/busintel/template.html

Often, adding position:relati ve to floated elements makes IE6 start
behaving more civilized.

--
Berg