margin-right in IE6

[chlori]

Hello

I have a div which I will use for my content.
My problem is, that the content flows off the right
side (in IE6) and ignores the "margin-right : 220px;".
In Mozilla 1.3 and IE5 it looks how I want it to...

Can someone help me here?

div.content
{
position : absolute;
top: 0px;
left: 0px;
margin-left : 330px;
margin-right : 220px;
margin-top : 112px;
color : #CCCCCC;
}

URL: http://tests.tvlunkhofen.ch

Thanks

 

[David Graham]

Hello

I have a div which I will use for my content.
My problem is, that the content flows off the right
side (in IE6) and ignores the "margin-right : 220px;".
In Mozilla 1.3 and IE5 it looks how I want it to...

Can someone help me here?

div.content
{
position : absolute;
top: 0px;
left: 0px;
margin-left : 330px;
margin-right : 220px;
margin-top : 112px;
color : #CCCCCC;
}

URL: http://tests.tvlunkhofen.ch

Thanks

Try putting a border on div.content so you can see where its boundaries are.

border: soild 3px blue;

should do it. Your probably not balancing the page properly - try increasing
margin-right to the same value as margin-left

HTH
David

 

[Marc]

I have a div which I will use for my content.

My problem is, that the content flows off the right
side (in IE6) and ignores the "margin-right : 220px;".
In Mozilla 1.3 and IE5 it looks how I want it to...

Can someone help me here?

div.content
{
position : absolute;
top: 0px;
left: 0px;
margin-left : 330px;
margin-right : 220px;
margin-top : 112px;
color : #CCCCCC;
}

URL: http://tests.tvlunkhofen.ch

IIRC, IE6 has a bug with margin-right, and you have absolute positioning as
well as margin statements which will just confuse IE - use the following:

div.content
{
position : absolute;
top: 112px;
left: 330px;
right : 220px;
color : #CCCCCC;
}