savageplay

hey how's everyone here make a 'div' area that has only floats retain it's bg/style? example:

<style>

.container {
background: #ddd;}

.container div{
float: left;}


</style>

<div class="container">

<div class="xx">
text
</div>

<div class="yy">right text</div>

</div>

The background of 'containier' is not that grey color like you'd just assume. Normally i would put a new div after all my content <div class="clear"></div> with a statement in my stylesheet that clear's the clear. Also if you make the container 'float: left' it will now display the bg color to the class Container...but that just get's messy as now everyhing is either floating or clearing a float.

I am just looking for a more proper way of doing this as i am tired of adding the <div class="clear">.....because it's becoming my crutch like using old spacer gif's.

ps i know that i could make them span's but if you wanted to 'float the spans' the same thing happens.

Thanks.

Krishnaswamy

What exactly do you need? Could you pose the question a little differently?
There is an error in your .container class.

stolicka

use Joomla, it is perfect!!!

savageplay

ok, i'll reword it, and thanks

ok lets say you have two elements in a div you want to float, but you want them both to be contained in lets say a background color. if you float all elements within a div, the background will 'disappear'.

in the example below, see how currenlty the two div's float nice, and the 'container' background has the grey background, but how if you take out the div with the 'clear', that the container background doesn't show.

This is a very basic sample of what technically is the problem. Thanks for any help

<style>

.container {
background: #ddd;}

.container div.xx, .container div.yy {
float: left;}

.clear {
clear: both;

}


</style>

<div class="container">

<div class="xx">left text | </div>
<div class="yy">right text</div>

<div class="clear">clear</div>

</div>