From: yaXay <[EMAIL PROTECTED]>

>it seems as if the IE6 is in Quirksmode, since the boxmodel is all 
>messed up. 

>It would be great if you could give me some pointers:
>http://yaxay.ya.funpic.de/test.html
>http://yaxay.ya.funpic.de/css/style.css

These are not really box model issues. The top and bottom have to do with IE 
believing you want to put text into an element and would want that text 
visible..... even though you told it you only wanted it to be 7px tall. Set 
{font-size: 1px;} on the .border-image class and the top and bottom spaces will 
go away.

The problem in the left/content/right section is due to the doubled 
float-margin bug. You were correct to consider display: inline, however it is 
not currently in your CSS. You'll need to add that to both - div#left-container 
- and - div#right-container - in order for IE to display the columns on the 
same line. Since the font-sizes are in pixels, you won't need to worry about IE 
users increasing their text size, for the most part... You might want to try 
things in another browser with the text size bumped up a few times, however.

You'll need something in the clearing div to get the parent container 
background to extend down and form your visible columns. A non-breaking space 
will work, but you'll probably want to set - height: 0, line-height: 0; and 
font-size: 1px; - for your clearing class to get it to take up no space.

Additionally, IE will need the - div#parent-container - to gain layout in order 
for it to display the background image. Using the holly hack will work okay.

I hope that helps,

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

Reply via email to