From: "Robert Reed" <[EMAIL PROTECTED]>

> the main
>box in the middle below the header was about 5-7px off.  

> for IE 

>The page in question is http://atma.whatnet.org/sobag/index.php
>The style sheet in question is http://atma.whatnet.org/sobag/main.css
>
>Any suggestions?

Sure. Redo your math calculations for your DIV.top that is currently set to 
95px, but is supposed to contain images that total 102px. FF and Opera will do 
this, keeping the expected height of that box at 95px. IE won't, it will expand 
the box size to hold all the contents.

Everything "in the flow" that follows (DIV.mid, the other two are absolutely 
positioned) bases it's distance from the top of the page based on what it 
thinks the height of DIV.top is. IE thinks it's 102px, because that's how much 
stuff you've put in there. Therefore, when you add 8px of padding to DIV.mid, 
the text appears pushed down. 

You can equalize the displays by changing the height of DIV.top to 102px, and 
removing/adjusting the padding to suit. To get the borders of DIV.mid to go up 
under the divtop_bottomline.jpg, you can use a negative top margin on DIV.mid 
of 3-4px. Again, adjust the top padding on that div to your liking. These 
suggestions ought to get you pretty close to what you want.

I hope that helps,

~holly  
 
                   
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to