A simple thing to do here is to first clear div#lower, then give it a
vertical (repeat-y) background image the full width you need that
creates the 2 columns of color you are looking for.
Heres what I use for clearing:
/* CLEARING */
.clear:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clear{
height: 1%;
}
*:first-child+htnl .clear{
min-height: 1px;
}
Just add a class="clear" to a containing div to clear (contain) your
floats. THere are other methods as well, like adding overflow:
hidden;. Google 'CSS float clearing' for more info.
HTH. Good luck!
On Thu, Feb 17, 2011 at 7:50 AM, Gergely Buday <[email protected]> wrote:
> Hi there,
>
> I would like to have the same height of background for two neighbouring divs
> at
>
> http://www.math.bme.hu/~gergoe/
>
> For the upper part I was able to set explicit height but for the lower
> this is not possible as the text can be variable size. On irc I got
>
> http://colinaarts.com/articles/float-containment
>
> but that did not help, it was beyond my knowledge. When answering
> please keep in mind that I'm a newbie to css.
>
> Cheers
>
> - Gergely
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
