CSS woking in Mozilla 3.0 but not in IE 6
Posted: 12 November 2009 12:18 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2009-11-12

Hi,
I am facing a terrible problem where in
the following css code(setting of height) is working for Mozilla 3.0 but is not working for IE 6

in Css

.fsSearchIE{
 
height:5px !important;
background: red!important;
border: 1em solid green;
margin: 0 auto !important;

}


In html
<fieldset class=“fsSearchIE” >
my code
</fieldset>

Would be thankful

Sandeep

Profile
 
 
Posted: 19 November 2009 01:10 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  5
Joined  2009-11-19

I suspect that 5px is smaller than the size of the fieldset’s content which bugs IE6… Have you tried with different values? I wonder if you could fix it using display:block;. IE6 might not treat it as it should.
Sorry I currently cannot test with IE6 as I dont have access to an XP box.

Profile
 
 
Posted: 21 November 2009 05:00 AM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  8
Joined  2009-07-31

Hey there,

This is not something new. Everybody out there knows IE6 is crap, buy unfortunately people still use it so we hav to test in ie6 as well.
Had the same problem when I was starting out.

What i usually do is dish out one value to standards compliant browsers, and another to ie6.
do this by for example:

#myID{
height:10px !important;/*for standards compliant browsers*/
height/**/:/**/15px/*for ie6*/

This problem is caused by ie 6 handling the boxmodel differently.
Anyway the above example should set you on your way.

Profile
 
 
Posted: 21 November 2009 05:04 AM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  8
Joined  2009-07-31

Oh actually, I read your post more carefully and understand your problem now(i was reading too fast).
Get rid of the “!important”.
Ie6 doesn’t understand that(as you can gather from my previous reply).

Profile
 
 
   
 
 
‹‹ Help with CSS      slow css load ››