Liz lizCSSlist wrote:
> Example 2 http://lizdesign.com/demosite/example2.html
>
> 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?
Floats are supposed to be treated that way - unless we style their
containing-elements to expand to contain them.
Simulate the table-example you have - without a table.
Add...
#text {display: table; height: 1%;}
'display: table' will make all standard-compliant browsers expand the
container as if it were a table, and 'height: 1%' will trigger the
'Layout'[1] bug in IE/win, and make it simulate the wanted effect.
You may also set that 'height' to a suitable value in px or em, as it
will be interpreted as 'min-height' by all standard-compliant browsers
because of the 'display: table' property.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
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/
