[SOLVED] A float is turning up blank in IE
Moderator: General Moderators
- Ambush Commander
- DevNet Master
- Posts: 3698
- Joined: Mon Oct 25, 2004 9:29 pm
- Location: New Jersey, US
[SOLVED] A float is turning up blank in IE
http://www.taijiclub.org/en/Main_Page , in Internet Explorer, has a huge blank on the right side of the screen. As if someone put visibility=none on it. Mozilla Firefox displays the page fine. The page's CSS validates, and the XHTML validates (except for a missing alt="" attribute which I will add later). Hmm...
Last edited by Ambush Commander on Tue Apr 04, 2006 8:03 pm, edited 1 time in total.
Now that's a weird thing
. And i've seen many weird things. What have you tried already? The layout is definately not too complicated, so that shouldn't be a problem. And what's with the z-index:-2 on the menu. Are you sure a negative value is allowed? (don't use it too much myself so I wouldn't know). I'll take a closer look tomorrow morning. If anybody finds the problem in the meantime I sure want to see it.
- Ambush Commander
- DevNet Master
- Posts: 3698
- Joined: Mon Oct 25, 2004 9:29 pm
- Location: New Jersey, US
- Ambush Commander
- DevNet Master
- Posts: 3698
- Joined: Mon Oct 25, 2004 9:29 pm
- Location: New Jersey, US
Ok, nice you solved the problem. Floats and positioning can act funny in IE. From this article at satzansatz:
But what were the original stylerules? I just found out that without the position:relative on content and content *, the sidebar does not dissapear. So this seems to work as well:Note that position: relative does not trigger hasLayout, which leads to some rendering errors, mostly disappearing or misplaced content.
Code: Select all
#content {
padding:0 4%;
background:#FFF;
border-top:1px solid #000;
/*position:relative;*/
}
#content * {
/*position:relative;*/
}
- Ambush Commander
- DevNet Master
- Posts: 3698
- Joined: Mon Oct 25, 2004 9:29 pm
- Location: New Jersey, US