Sent by Alan Gresley on 15 July 2008 04:04
Jeff Chasin wrote:
> Apologies to everyone if this is an easy fix, but my eyes are bleary
> at this point, and I'm stuck.
>
>
> Have a WordPress site that looks just fine in FireFox, Safari and IE
> 6, but freaks out in IE 7. I think it's the float layout, but can't
> find the exact fix.
>
> The site is at http://www.businessinsightgroup.net/
>
> The css is at http://snipurl.com/ie7ache
>
> I think the problem is in the layout section of the css file, marked
> with a comment as: /* !layout (sandbox 2col left) */
>
> I've been reading every IE7 bug article, but I'm just not seeing the
> issue. If anyone has any suggestions at all, I would really
> appreciate any advice you might be willing to share.
>
> Thanks very much.
>
> --
> Jeff
The overlap in IE7 is caused by *height: 10px;. IE7 is using this height
for the header.
div#header {
background: url('img/big-header3.png') left top no-repeat;
margin: 0;
border: 0;
padding: 0;
*height: 10px;
}
Once you remove *height: 10px;, IE7 render the same as the other
browsers. Apart from the universal selector '*' causing parsing errors
in your style sheet, thus making it invalid. The universal selector used
in this fashion is a way to hack IE7 with invalid CSS (non IE browsers
will drop the declarations). This hack is repeated may times through out
your style sheet like.
*font:x-small;
I would suggest that you remove all of them and thus create a valid
style sheet. The CSS validator will help.
http://jigsaw.w3.org/css-validator/
--
Alan http://css-class.com/
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
