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/

Reply via email to