well I have read about 10 different site postings about how to do a CSS
based vertical column stretch.. I would have to say.. I think time to give
up and go back to table layouts.
is this not possible??? :
- 2 columns
- they both stretch vertically to fill page and/or content
Seems like it should be pretty simple but all the posts I have seen either
dont work in both FF and IE or have silly constraints like column 2 has to
have more content than column 1.
Not as neat with tables.. BUT IT DOES WORK!!
I managed to stumble upon this almost solution:
CSS:
body {
color: #000;
background: #f0f;
font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
font-size: 84%;
padding: 0;
margin: 0;
}
#wrapper
{
overflow: hidden; position:absolute;
height:100%; width:100%;
min-height: 100%;
}
#block_1
{
float: left;
width: 159px;
margin-left: 0;
background-color:white;
border-right: 3px solid #aaa;
height:100%
}
* html #wrapper
{
display: inline;
height:100%;
}
#block_2
{
position:absolute;
width:100%;
margin-left: 159px;
background-color:green;
}
#block_1, #block_2
{
padding-bottom: 32767px;
margin-bottom: -32767px;
}
HTML:
<div id='wrapper'>
<div id='block_1'>
<img src=sites/default/picture.jpg width='159' alt=''>
<img src=sites/default/tag.jpg alt=''>
<img src=sites/default/news_archive.jpg width='159' alt=''>
<img src=sites/default/contact.jpg alt=''>
blah
</div>
<div id='block_2'>Some body text here.</div>
BUT.. this seems to work in FF 1.5, Opera, Mozilla.. but of course not IE6.
Anyone see something obvious in my solution that would make it work in IE or
can they point me to a post that has a solution?
cheers,
Peter Lindstrom
Email: [EMAIL PROTECTED]
______________________________________________________________________
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/
