Autor | Zpráva | ||
---|---|---|---|
MichalKoren Profil * |
#1 · Zasláno: 27. 1. 2008, 09:48:23
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 |
#2 · Zasláno: 27. 1. 2008, 10:06:28 · Upravil/a: Nox
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 |
#3 · Zasláno: 27. 1. 2008, 10:20:20 · Upravil/a: Bubák
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 * |
#4 · Zasláno: 27. 1. 2008, 11:28:15
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 |
#5 · Zasláno: 27. 1. 2008, 12:06:35
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 * |
#6 · Zasláno: 27. 1. 2008, 12:24:19
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 * |
#7 · Zasláno: 27. 1. 2008, 12:43:58
uz to mam diky za pomoc :)
|
||
Časová prodleva: 16 let
|
0