Autor | Zpráva | ||
---|---|---|---|
Fido Profil * |
#1 · Zasláno: 1. 2. 2008, 16:47:24
Dobrý den, pokouším se udělat stránku a zasekl jsem se hned na začátku. Při rozvržení.
Stránku chci uspořádat pomocí div rámečků. Udělal jsem si tedy html stránku index.html a soubor styl.css, ve kterém parametruji ty jednotlivé rámečky. index.html <HEAD> <TITLE>Rozvrzeni</TITLE> <LINK href="styl.css" type=text/css rel=stylesheet> </HEAD> <BODY> <DIV id=stranka> <DIV id=vse> <DIV id=linka></DIV> <DIV id=prostor> <pre> Hurááááá g dfagsga g <pre> </DIV> <DIV id=panel> <pre> jo jo jo alfj ajlajl afjlafjůlafk asfkjadsfs asfkjdf dasfjaf dsfjdasf asfajsf asdfjasf asfjas asjas asfjasf asfjak asfajs asdfjasf </pre> </DIV> <DIV id=pata>Pata stránky</DIV> </DIV> </DIV> </BODY> </HTML> styl.css /* Rozvržení stránky */ #stranka { text-align: center; background: red; } /* Celá stránka */ #vse { margin: auto; text-align: left; width: 760px; height: 100%; background: blue; } /* Pruh pro vlastní stránku */ #linka { clear: both; margin-top: 10px; margin-bottom: 10px; background: rgb(0,128,0); height: 15px; } /* Hlavička stránky */ #prostor { width: 600px; height: 100%; float: right; clear: both; background: pink; } /* Prostor pro text */ #panel { width: 160px; height: 100%; float: left; clear: both; background: yellow; } /* Prostor pro odkazy */ #pata { clear: both; margin-top: 0px; margin-bottom: 0px; background: rgb(100,120,125); height: 25px; text-align: center; } /* Pata stránky */ Můj problém spočívá v tom, že bych chtěl, aby rámeček "prostor" a rámeček "panel" byli stejně dlouhé. Prostě když napíšu něco do jednoho a něco do druhého, tak aby se oba protáhli až k rámečku "pata". Nevím jak na to. Myslel sem, že to vyžeší parametr clear: both, ale tím to není. Fakt nevim.... Teť jak je ten kód napsanej, tak se rámeček panel pěkně natáhne k rámečku pata, ale rámeček prostor zůstane stále malinkej...přispůsobuje se jen vlastnímu obsahu... |
||
Miloš Profil |
#2 · Zasláno: 1. 2. 2008, 17:03:03
|
||
Časová prodleva: 16 let
|
0