Hi Andrew,
You forgot to float the div#pagetext and since h1 and p will try go
for the whole width you will also need to set a width for div#pagetext
Example:
div#pagetext {
color: black;
background-color: #fffff0;
margin: 10px 10px 10px 10px;
float: left;
width: 70%;
}
If anything follows below you should add a clear:both in the wrapping
container or add a seperate div at the bottom that has clear:both as a
property.
regards, Jens
On 10/6/06, Andrew May <[EMAIL PROTECTED]> wrote:
> I am new to all this so please be gentle.
>
> I have a simple two-column design using floating DIVs with a navigation bar
> on the left hand side and main content on the right. All works fine
> _except:_
>
> I have a requirement to have some images with text to the right where, if
> the text takes less height than the image the next bit of text will be
> placed under the image – or next to the next image. I have solved this by
> wrapping the text and image in a DIV with a couple of spacers to force
> subsequent text past the image:
>
> <div class="container">
> <div class="spacer"> </div>
> <img class="float" src="two.jpg" alt="Image 2" />
> Text
> <div class="spacer"> </div>
> </div>
>
> This works fine in a plain page but when used within the pagetext DIV of my
> layout it forces the whole container DIV down below the navigation bar.
>
> This is all illustrated here: http://www.girton.ukfsn.org/css/demo.html
>
> I've reached the end of my Googling ability – probably because I am not too
> sure what to Google for. Can anyone throw some light on what I might be
> doing wrong?
>
> Many Thanks,
>
> Andrew
>
>
>
>
>
>
> ______________________________________________________________________
> 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/
>
--
So long and thanks for all the fish.
______________________________________________________________________
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/
