floating a div

[Rob Swindells]

if I put two div's next to each other using "float : right" like so on
div 2:

[ div 1 ][ div 2 ]
[ div 3 ]

as that div 2 fills up with content it should push div 3 down the page.
It does this in IE6 & Opera 7 but not Mozilla 1.6. Is there an attribute
I can add to the div 2 to make it act properly?

Rob

 

[Els]

if I put two div's next to each other using "float : right" like so on
div 2:

[ div 1 ][ div 2 ]
[ div 3 ]

as that div 2 fills up with content it should push div 3 down the page.
It does this in IE6 & Opera 7 but not Mozilla 1.6. Is there an attribute
I can add to the div 2 to make it act properly?

I think you are looking for <div style="clear:both"></div>
after the second div.

 

[rf]

if I put two div's next to each other using "float : right" like so on
div 2:

[ div 1 ][ div 2 ]
[ div 3 ]

as that div 2 fills up with content it should push div 3 down the page.
It does this in IE6 & Opera 7 but not Mozilla 1.6. Is there an attribute
I can add to the div 2 to make it act properly?

I think you are looking for <div style="clear:both"></div>
after the second div.

Apply the style to div 3. No need here for an empty div.

Cheers
Richard.

 

[Els]

if I put two div's next to each other using "float : right" like so on
div 2:

[ div 1 ][ div 2 ]
[ div 3 ]

as that div 2 fills up with content it should push div 3 down the page.
It does this in IE6 & Opera 7 but not Mozilla 1.6. Is there an attribute
I can add to the div 2 to make it act properly?

I think you are looking for <div style="clear:both"></div>
after the second div.

Apply the style to div 3. No need here for an empty div.

True. (as long as div 3 won't have another floating element
next to it)
Thought about that after I pressend 'send'.

 

[Rob Swindells]

Rob Swindells wrote:

if I put two div's next to each other using "float : right" like so on
div 2:

[ div 1 ][ div 2 ]
[ div 3 ]

as that div 2 fills up with content it should push div 3 down the page.
It does this in IE6 & Opera 7 but not Mozilla 1.6. Is there an
attribute
I can add to the div 2 to make it act properly?


I think you are looking for <div style="clear:both"></div>
after the second div.

Apply the style to div 3. No need here for an empty div.

True. (as long as div 3 won't have another floating element next to it)
Thought about that after I pressend 'send'.

Putting clear : both in div 3 worked how I wanted. Thankyou very much.

Rob ( Avagio IT Services )
{
http://www.avagio.co.uk;
}