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 [mailto:[EMAIL PROTECTED] 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 [mailto:[EMAIL PROTECTED] Sent: woensdag 22 februari 2006 15:59 To: Sander van Surksum Cc: [email protected] 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 PROTECTED] 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 PROTECTED] 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/
