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
Ive 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/
