| Autor | Zpráva | ||
|---|---|---|---|
| hopus Profil * |
#1 · Zasláno: 18. 2. 2010, 18:02:20
Dobrý den,
chtěl bych poprosit o pomoc, snažím se vytvořit takový základní layout, který by mě naučil pracovat s rozvržením stránky. Vytvořil jsem několik částí hlavičku, tělo, patičku a dva boxy pro text. Ale nastal mi problém, který nevím jak elegantně vyřešit, pro Vás to určitě bude kravina. Když mám css #tělo a v ní dva #clanek1 a #clanek2. Když napíši dlouhý text do <div id="clanek1"> tak se mi zvětšuje prostor clanek1 což je dobře, ale všechno pod ním včetně samotného #těla se nezvětšuje nebo s přibývajícím textem neposouvá níž. Nevíte jak to vyřešit?předem moc díky.
<style>
#head{
width:600px;
height:200px;
background-color:red;
position:absolute;
top:10px;
left:200px;
}
#telo{
width:600px;
height:500px;
background-color:yellow;
position:absolute;
top:215px;
left:200px;
}
#pata{
width:600px;
height:100px;
background-color:green;
position:absolute;
top:720px;
left:200px;
}
#clanek1{
width:350px;
height:200px;
background-color:purple;
position:absolute;
top:30px;
left:14px;
}
#clanek2{
width:350px;
height:200px;
background-color:purple;
position:absolute;
top:290px;
left:14px;
size:fixed;
}
</style>
</head>
<body>
<div id="head"></div>
<div id="telo">
<div id="clanek1">
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br /><br>ahoj <br />
</div>
<div id="clanek2">
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
ahoj <br />
</div>
</div>
<div id="pata"></div>
</body>
|
||
| Joker Profil |
#2 · Zasláno: 18. 2. 2010, 18:24:26
hopus:
Pro příště- zvláště u problémů se vzhledem bývá názornější, když tu stránku umístíte někam na web (možností kam umístit testovací stránku je spousta) a dáte odkaz, než když si to musíme "renderovat v hlavě". V tomhle případě je problém position:absolute- to jednoduše podáno říká, že se prvek má vytrhnout z kontextu stránky a natvrdo umístit na dané souřadnice, bez ohledu na ostatní prvky. Není tedy dobré založit celé rozvržení stránky na použití position:absolute. |
||
| hopus Profil * |
#3 · Zasláno: 18. 2. 2010, 18:38:37
Máte pravdu, lepší to asi bude ukázat na příkladu: viz odkaz: http://www.onoko.cz/sablona/. No a ted jde o to aby se ten fialový obdelník zvětšoval s přírůstajícím textem a stejně tak i to žluté tělo + posunování zelené patičky. Na ty absolute nebo relative jsem koukal, ale stejně se mi požadováné dynamičnosti podařit nedosáhlo. Neměl by sjte nějaký příklad něčeho podobného?Předem moc díky
|
||
| panther Profil |
#4 · Zasláno: 18. 2. 2010, 18:45:36
hopus:
- nepozicovat - sloupce nikdy nejsou stejně dlouhé, jen se to simuluje obrázkem na poazdí - je to tu co chvíli. Naposledy dnes v poledne. |
||
| hopus Profil * |
#5 · Zasláno: 18. 2. 2010, 20:39:01
Takže tento způsob rozvržení není moc vhodný?Zkusím projít tedy starší články, snad něco objevím a pochytím. Děkuji
|
||
|
Časová prodleva: 14 let
|
|||
0