IE7 and CSS

[thompom]

Hi,

had my site layed out with css in IE6 and it looked fine,
i fixed any Mozilla layout issues with

html>body #layout {
...css here
}

i have just updated to IE 7 and it is all out of alignment,
it seems that IE7 uses the css that mozilla uses
so what css do i need to use to fix any IE 7 issues

thanks MG

 

[thompom]

ok done a bit of reading and have dropped

html>body #layout {
}

and am now using

#layout {
*padding-top: 10px (ie6 and 7);
_padding-top: 20px ((ie6 only);
}

any other tips

 

[Vragabond]

IE7 and FF (Mozilla) should render the page virtually the same, so you should have your main stylesheet for those two browsers (most others, such as Safari, Opera, etc) will render that code correctly as well. Then compose an additional stylesheet and use IE conditional comments to insert the special IE6 stylesheet. If you only need very few IE6 fixes, you might use the underscore hack like shown in your second post, but I would still recommend the first method.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[BillyRayPreachersSon]

Yes - use conditional comments instead. That way your CSS will validate.

See faq215-6625.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[thompom]

thanks - apologees for not looking at FAQ

 

[thompom]

hi,

have put the following in the head of my page - the source look like -

<link href="css.css" type="text/css" rel="stylesheet" />
<!--[if lt IE 7]> 
<link rel="stylesheet" href="cssIE7.css" type="text/css" /> 
<![endif]-->

but any changes made in cssIE7 file are not shown in IE7

any ideas welcome

merry xmas MG

 

[Vragabond]

Your IE conditional if sentence states "If less than (lt) IE version 7". So IE7 will return false in that if and not execute the line. If you want to reference only IE7 you should do [if IE 7], or if you want all up to and including IE7 (although that would be the same as all IE) you could do [if lte IE 7] (less than or equal). Usually the conditionals reference less than IE7 because IE7 has better support for CSS with fewer errors in rendering.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]