Autor Zpráva
MichalKoren
Profil *
Dobrý den,
právě připravuji nový design pro svou stránku a chci se zeptat jak mohu přizpůsobit délku divu tak, aby končil přesně tam kde končí stránka.
náhled designu je tady http://try.lindsaydaily.com/
potřebuju aby to černé končilo až úplně dole tam, kde končí obsah a aby když bude obsah o něco kratší, tak aby se to černé přizpůsobilo a taky když bude delší tak aby se to také přizpůsobilo

tohle je ve style.css
#barr{
position: absolute;
width: 190px;
height: 500px;
background-image: url(extrabg.png);
left: 170px;
top: 434px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

mám tam nastavenou výšku 500px prozatím protože jsem nevěděl jak udělat to, aby se to přizpůsobovalo tomu obsahu
Nox
Profil
Da se to napodobit...oba divy dej ještě do jednoho a nastav mu pozadí s výškou 1px a tak 1/3 černou, 2/3 žlutou, prostě
tak, jak by to mělo vypadat, že ten pruh pokračuje
Jinak ještě tabulkou, ale to není dobrý řešení

Edit: upraveno pro Bubáka ;)
Bubák
Profil
Jejjednodušší je stejnou výšku sloupců simulovat (zfakeovat, moc hezké nové slovo) pozadím. Taky si všimni, že v kódu nikde nedeklaruji výšku.
Neště odkaz: http://teststranek.kvalitne.cz/vyska-sloupcu1/
MichalKoren
Profil *
no tak jsem udělal co jste mi poradili a už nevidím černé pozadí vůbec
toto je css

#main{
position: absolute;
background-image: url(extrabg2.png);
width: 675px;
left: 170px;
top: 434px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#main .left_side{
position: absolute;
width: 468px;
left: 200px;
top: 10px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#main .right_side{
position: absolute;
width: 190px;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

extrabg2 je z jedné třetiny černé a zbytek průhledný jak jste mi radili, druhá možnost byla, že jsem udělal

#main{
position: absolute;
background-image: url(extrabg2.png);
width: 675px;
left: 170px;
top: 434px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#main .left_side { float: left; width: 468px; padding:2px 2px 0 200px; left: 0px; top: 0; }
#main .right_side { float: left; width: 190px; padding:2px 2px 0 2px; left: 0px; top: 0; }

ale v tomto případě se mi hlavní obsah dal dolů až kde skončil ten černý div (boční sidebar)
Nox
Profil
V kódu stránky aby se růžové domestikované zvíře vyznalo...
Absolutní pozicování je jen pro zvláštní významy, pro toto používej relativní
Prostě měj (hodnoty (px) jsou tak pro příklad)

<div id="hlavni">
<div id="levy">černé</div>
<div id="obsah">obsha</div>
<hr>
</div>

#hlavni{
width: 600px
background: black;
}
#hlavni hr{ visibility: hidden;clear: both; }

#levy{
width: 200px;
float: left;
}
#pravy{
width: 400px;
background: yellow;
}

a je to
MichalKoren
Profil *
tak se muzes podivat co mi to udelalo, ja udelal presne vsechno podle tvoji rady

<div id="main">
<div id="right-side">tady ma byt cerne pozadi</div>
<div id="left-side">tady oranzove</div>
<hr></div>

#main{
width: 675px;
left: 170px;
background-image: url(extrabg2.png);
top: 434px;
}
#right-side{
float: left;
width: 190px;
left: 0px;
top: 0px;
}
#left-side{
width: 470px;
left: 170px;
top: 10px;
}

#main hr{ visibility: hidden;clear: both; }
MichalKoren
Profil *
uz to mam diky za pomoc :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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