Autor Zpráva
Petra z Votic
Profil
Mám tři boxy v DIV ( levý, pravý a spodní ). Potřebuji nějak udělat, aby všechny boxy byly celé vyplněny barvou pozadí nebo obrázkem pro pozadí.
Příklad je tady:
Odkaz

Tady je třeba, aby to modré pozadí pro box right bylo až dolů stejně jako to zelené.

Nevíte někdo prosím jak to vyřešit??? Děkuju

Kód je tady:

<div id="rightcolumn">
<div class="two">

<div class="left">
<ul>
<li>POKUS 1</li>
<li>POKUS 2</li>
<li>POKUS 3</li>
</ul>
<div class="dole"></div>
</div>

<div class="right">
<ul>
<li>POKUS 4</li>
<li>POKUS 5</li>
</ul>
<div class="dole"></div>
</div>
<div class="clear"></div>

<div class="box-dole">
<ul>
<li>POKUS 6</li>
</ul>
</div>

</div><!-- two-->
</div><!-- rightcolumn-->


#rightcolumn .two {width: 401px; overflow: hidden; font-size: 90%;}
#rightcolumn .two .left {
width: 200px;
float: left;
background-color: #33FF00;
}
#rightcolumn .two .right {
width: 200px;
float: right;
background-color: #0000FF;
}
#rightcolumn .two .box-dole {
width: 400px;
background-color: #FF0000;
}
.dole {
background-color: #FF00FF;
height: 20px;
}
.clear {
clear: both;
}

li, ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
panther
Profil
Petra z Votic
ty dva divy obal nějakým dalším divem a tomu dej na pozadí obrázek, který bude mít barevné rozložení jako ty dva boxy (teda pruh vlevo zelený a vpravo modrý), kterému nastavíš repeat-y.

Pod druhý box nezapomeň dát element s clear: both;, např <hr style="clear: both;">
Petra z Votic
Profil
Omluvám se ono je to trochu jinak - ještě tam je vložen jeden div pro left a jeden pro right - v příkladu fialovou barvou.
Příklad ještě jednou:
Odkaz
Takže to nelze vyřešit tím obrázkem v obalovacím divu.
Nox
Profil
Budou mít fixní nebo flexibilní šířku? V prvním případě můžeš udělat obrázek s rozměry <šířka divu>px x 10px
a ten opakovat na pozadí nadřazeného divu

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: