On Wed, Apr 27, 2016 at 4:19 PM, Ib K. Jensen <ibkjen...@gmail.com> wrote: > Hi > > Having a little problem with pictures that won't stay inside a "frame" > > Link : ikjensen.dk/diverse/index.php > > You'll find the problem at the bottom right side. > > It's probably some kind of css problem, which I can't solve at the moment. > > Other css advices are welcome :) > > Regards > Ib >
You need to "clear your floats". The two images (figures) are floating left and right and the parent container isn't wrapping around them. There are different ways to do this. This may help: https://css-tricks.com/all-about-floats/#article-header-id-2 or this: http://www.sitepoint.com/clearing-floats-overview-different-clearfix-methods/ Some like to add overflow: hidden; to the parent, which works, but may cause other issues pertaining to, well, hiding overflow. Depends on the situation. Personally, I like the tried and true "clear fix": /* CLEARING */ /* For modern browsers */ .clear:before, .clear:after {content:""; display:block;} .clear:after {clear:both;} .clear {zoom:1;}/* For IE 6/7 (trigger hasLayout) */ add this, and the "clear" class on the parent. Can't remember a time this caused my harm in any way... HTH -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
