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/
