CSS - Setting height of DIV with little content

[Twilightmama]

Hi there! I'm new to the forums but I have a feeling I'll be coming here a lot with questions, so bear with me

Here is an example I'd like for you to look at-so far I only know what it looks like in Netscape 7, IE 6 and Opera 6.05:

http://www.cyberhabitats.com/DVSS_CCTV/example10.html

My first and foremost question is - How do I extend the height of the content area (when there is little content) so that it stretches down to the bottom black border?

Secondly, for those of you using other browsers other than the ones I mentioned, how does the test template look? I'm using IE 5 hacks that I don't really understand and I haven't really customized them accordingly- you'll see what I mean if you few my source.

Anyway, those are my issues for now. Any suggestions would be greatly appreciated

Kim

 

[palbano]

Well the most downlevel ( old) way of doing this is with a single pixel image file.

<table>
<tr><td><!-- fake column to stretch this area vertically -->
<img src=&quot;pixel.gif&quot; height=&quot;550&quot; width=&quot;1&quot;></td>
<td><!-- real column to place content of this area --></td>
</tr></table>

Good luck
-pete

 

[Twilightmama]

Thanks I'm trying not to use tables, though, so I wonder if there is another way? Hmm....

 

[LenLindquist]

Try adding height: 450px to your rightcolumn definition.

 

[budha1]

Hi,
I was just wondering if you've been able to figure this out. I'm having the same problem with the horizontal width of my div tags. The &quot;layers&quot; keep hugging my content.

k-

 

[Twilightmama]

Budha, I found this layout that might be helpful to you...I'm not sure what layout you are working with, but this one does a div width that expands across the screen.

http://www.saila.com/usage/layouts/saila_layout-nn4.html

It seems that they just used width: 100%. You'll see their css in their source code.

Hope this helps