Sent by Sander van Surksum on 23 February 2006 08:08
Anyone that has a solution for this ?
I've done this but now the images are in div's but div test is over div
article. And In IE div article breaking out of my content div.
Also the background image of test isn't at the bottom now
See http://www.johnsten.com/test/content.htm
-----Original Message-----
From: James MacLeod [EMAIL-REMOVED]]
Sent: woensdag 22 februari 2006 16:10
To: Sander van Surksum
Cc: CSS Discuss
Subject: Re: [css-d] problem image floats breaking out the divs
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/
