I'm a beginner at CSS layout and just discovered this list. I hope someone
can help. I'm doing a layout for an artist's website. I don't have much
choice over the layout. The blue image represents the paintings. They will
be different heights and widths. Also there will be text underneath the
paintings that might vary in length. The problem is having the image stay
in the container when I do it in CSS without using a fixed height for the
Example 1 http://lizdesign.com/demosite/example1.html
This shows how it should look. Here the image and side menu are in tables
but the rest of the page is in CSS. There will also be text underneath of
varying height. The image is nicely staying withing the container.
Example 2 http://lizdesign.com/demosite/example2.html
Here is my lame attempt to do the image and side menu with CSS. I have
floated the image to the left in order to have the side nav be on the side
but this has made the image fall out of the container. I cannot do a fixed
height for the container because the size will change and there will be a
varying amount of text under the image and nav. Why does the image fall out
when I float it left and what would be the best way to do this layout?
Thanks in advance.
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/