Thanks so much for that Duncan The overflow: hidden fix works in Firefox but not IE8 :(
A On Thu, Sep 30, 2010 at 4:46 PM, Duncan Hill <[email protected]> wrote: > On Thu, 30 Sep 2010 07:22:44 +0100, Anthony <[email protected]> wrote: > > Sorry about that. Hope it makes more sense now: >> >> <savagely snipped> > > Apply overflow: hidden; to your #block-12 .blockinner rules and the div > will contain the image. > > The revised code that you provided is broken, and the fix above 'may' not > fix the other (future?) problems to your satisfaction. > I've added background colours to the other divs so you can see more clearly > what is going on with your positioning etc. > > > > <html> > <head> > <style> > #block-12 .blockinner { > background-color: #F2F2F0; > margin:0 auto; > border: 1px solid red; > overflow: hidden; > > } > #block-12 .blockinner .top { > height:50px; > width:100%; > background-color: #FF00FF; > > } > #block-12 .blockinner .border { > margin:-44px 0 0; > padding:1px 6px; > position:relative; > background-color: #008000; > > } > #block-12 .blockinner .bottom { > height:7px; > width:100%; > background-color: #FFFF00; > > } > </style> > </head> > <body> > <div id="block-12"> > <div class="blockinner"> > <div class="top"> </div> > <div class="border"> > <h2 class="title">This is a title.... which I dont really care about > ....</h2> > <div class="content"> > <p><a href="http://www.google.com%22%3e%3cimg";><img hspace="5" > > height="121" align="left" width="256" vspace="5" > title="slkdfjsdlkfjdlskfjdlkfj" alt="dslfk ldsfj dlskfj dlkfj " > src="sdfsdfdf.jpg"></a>I dont really care about this text either.... I just > wish that the red border would include the image on the left, and be > wrapped > around it nicelly, as opposed to half way down the image...</p> > </div> > </div> > <div class="bottom"> </div> > </div> > </div> > </body> > </html> > > Duncan > > ______________________________________________________________________ > css-discuss [[email protected]] > 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/ > ______________________________________________________________________ css-discuss [[email protected]] 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/
