Ok, here's another one:
I have a page with two columns beneath a header. The left column has a gray background color. Usually, the right column is longer than the left column.
As it stands, the left column's background color only extends down as far as the actual data in the left column. How can I make the background color extend past the end of the data, down to the end of the right column so that there's no blank white space on the left?
Both columns are setup as
elements in the HTML. I tried setting
on the right column, but that had no effect. Setting the
property to some arbitrary value is closer, but obviously not a useable solution.
The effect I'm looking for is similar to the main page of the [a href="[URL unfurl="true"]http://www.php.net[/URL]]php web site[/a], but I don't think they're using CSS for the effect. I need a CSS solution.
Any help is greatly appreciated.
I have a page with two columns beneath a header. The left column has a gray background color. Usually, the right column is longer than the left column.
As it stands, the left column's background color only extends down as far as the actual data in the left column. How can I make the background color extend past the end of the data, down to the end of the right column so that there's no blank white space on the left?
Both columns are setup as
Code:
<div>
Code:
height: 100%
Code:
heightThe effect I'm looking for is similar to the main page of the [a href="[URL unfurl="true"]http://www.php.net[/URL]]php web site[/a], but I don't think they're using CSS for the effect. I need a CSS solution.
Any help is greatly appreciated.