Autor Zpráva
RobertH
Profil
Zdravim,
mam problem s layoutem pomoci CSS viz. http://www.casanova.cz/autosklosl/index.html, ze se mi nenatahuje levy sloupec dle obsahu v pravym. Nevite nekdo kde mam chybu?

Jeste jak vypada zapis v CSS:

body
{margin:0;
padding:0;
background: url(../pict/layout/layout_01.jpg);
background-repeat: repeat-x;
background-color: #0068b4;
text-align:center;
}

#hlavicka
{
padding: 0px;
width: 925px;
height: 138px;
background: url(../pict/layout/layout_02.jpg);
}

#obsah
{
width: 925px;
margin:0px auto;
text-align:left;
}

#levypanel
{
float: left;
width: 269px;
height: 475px;
margin:0;
padding:0;
background: url(../pict/layout/layout_04.jpg);
}

#podpanel
{
background: url(../pict/layout/layout_06.jpg);
margin:475px 0 0;
float: left;
width: 269px;
height: auto;
min-height: 75px;
}

hlavnipanel
{
margin:0 0 0 269px;
padding:0;
}

#hlavnipanel-obsah
{
background: url(../pict/layout/layout_05.jpg);
margin:0 0 0 269px;
padding-right: 60px;
min-height: 550px;
}

#paticka
{
height: 176px;
background: url(../pict/layout/layout_07.jpg);
}
DeiDaro
Profil
trochu ma metie ten design ako to ma vizerat celkovo ten lavý panel ?
keeehi
Profil
Nedá se udělat, aby se dva sloupce natahovaly stejně. Dá se to udělat tak, že to bude vypadat, jako by se natahovaly, ve skutečnosti se však natahovat bude jen jeden.

hodně zjednodušeně, jak to bude vypadat:
<div id="vnejsi-blok-s-pozadim-a-rameckem">
<div id="sloupec1">...</div>
<div id="sloupec2">...</div>
<hr class="cistic">
</div>

#vnejsi-blok-s-pozadim-a-rameckem {
padding: 1em;
background-image: obrazek;
border: 1px solid black;
}
#sloupec1 {
float: left;
}
#sloupec2 {
float: left;
}
hr.cistic {
clear: both;
height: 1px;
border: none;
margin: -1em 0 0 0;
visibility: hidden;
}


ten obrazek v background image bude obsahovat pozadí jak levého tak i pravého sloupce

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: