div height different in IE6

Placebo

anyone have this problem?
[PHP]#main{
background-image: url(back2.png);
background-repeat: repeat-y;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:60px;
width:900px;
height:550px;



} [/PHP]


basically have to change the height to 560 in IE6, but then its too big in other browsers

louie

is because of the margin-top
try another div inside the main div.

<div id='main'>
  <div id='in_main' style='height:60px;'></div>
  your content here
</div>

Placebo

i have another div there, i tried various things, ended up using a table.
TABLES never fail

KerranJast

Tables nearly alway fail when you want to style the contents. Divs are W3C recommended. I tried your code it works fine. You must have something else around it affecting it.

ron_darrell

Unfortunately IE uses a different box model to the other browsers. Fortunately there is a relatively simple fix

#main{ 
background-image: url('back2.png'); 
background-repeat: repeat-y; 
position:relative; 
margin-left:auto; 
margin-right:auto; 
margin-top:60px; 
width:900px; 
height:550px; 
#height:560px;
}  

or if you prefer

#main{ 
background-image: url(back2.png); 
background-repeat: repeat-y; 
 position:relative; 
margin-left:auto; 
margin-right:auto; 
margin-top:60px; 
width:900px; 
height:560px; 
}  

html>body #main {
height: 550px;
}

Regards,
RD

Hydrosylator

ron_darrell wrote: »

#main{ 
background-image: url(back2.png); 
background-repeat: repeat-y; 
 position:relative; 
margin-left:auto; 
margin-right:auto; 
margin-top:60px; 
width:900px; 
height:560px; 
}  

html>body #main {
height: 550px;
}

Regards,
RD

That's the way I'd do it usually. In a perfect world of course, I wouldn't have to. Flippin IE.

Placebo

#height:560px;


thanks, never seen this before, source?

mewso

Because IE6 will often present more then one problem I've taken to using conditional comments these days:-

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

This style sheet will only have an effect on IE6 or earlier versions of IE and I can add to it specifically to fix problems. Prefer it to hacks tbh.