Nejde mi nakodovat dvousloupcovy obsah

[cosmosD]

Cau, chci udelat obsah, ktery bude mit dva sloupce, jeden bych chtel 60 % sirky a druhy 40 %. Muj kod....

Kód: Vybrat vše

 <div class="upper-content">
        <div class="content-left">
            <h2>Skupiny produktů</h2>
            <div class="motor">
                <a href="#">
                    <img src="./images/motor-png.png" alt="Motor">
                </a>
            </div>
        </div>

        <div class="content-right">
            <h2>Naši klienti a partneři</h2>
        </div>

Styly:

Kód: Vybrat vše

.upper-content {
    min-height: 80em;
    width: 100%;
}
.content-left {
    width: 60%;
}
.content-left h2 {
    position: relative;
    top: 1.3em;
    left: 7.5em;
.content-right {
    width: 40%;
}

Jenze ta h2 z content-right se mi nezobrazi vpravo od leveho sloupce, ale pod nim. Dokazal by mi nekdo prosim poradit?

[CZechBoY]

zdar, musíš je dát vedle sebe

.content-left, .content-right {float: left}

a pak pod ně nějaký clearer

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

.clear {clear: both}

[cosmosD]

OK :). Hele a proc se pouzivaji ty clearery? A kdy se pouzivaji?

[CZechBoY]

:)
zkus ten clearer dát pryč :)
float: left ti udělá z bloku plavací, tzn. že bude obeplouvat všechny prvky co jsou neplovoucí zespodu, nebo ty plovoucí zleva
když tam dáš ten clear, tak se ten plovoucí prostor ukončí a vykresluje se normálně dál