Sent by James MacLeod on 22 February 2006 15:03
Float left or right, it doesn't matter. The problem is that the img
has a float attribute ie float: left or float: right. both content
and test don't. This means that the divs don't resize to account for
the image. Its like they are on a different layer if you like. If you
add float to both content and test then they will behave as you want
and the images won't overlay the bottom of your divs.
James MacLeod
On Feb 22, 2006, at 15:06, Sander van Surksum wrote:
James,
Could you explain your answer ?
Do I have to add float: right to id content and test ?
Regards,
Sander
-----Original Message-----
From: James MacLeod [EMAIL-REMOVED]]
Sent: woensdag 22 februari 2006 15:59
To: Sander van Surksum
Cc: [EMAIL-REMOVED]
Subject: Re: [css-d] problem image floats breaking out the divs
Add a float to both test and content divs and it should fix the problem.
Divs that aren't floated don't effect floated dives and vice versa.
James MacLeod
On Feb 22, 2006, at 14:39, Sander van Surksum wrote:
Hi all,
I've 2 div's in my content article1 and test.
in article1 i've a image that floats right and in test i've a image that
floats left. The problem now is dat the images are breaking out of the
div's. The div test has to begin 10px under the article div.
Hope someone can help me out.
http://www.johnsten.com/test/content.htm
Regards,
Sander
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/