Autor | Zpráva | ||
---|---|---|---|
AM Profil * |
#1 · Zasláno: 2. 1. 2009, 22:18:07
Zdravím,
snažím se udělat layout pomocí plovoucích divů, jednoduše levé menu a vedle text. Když udělám <div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div> <div>nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div> začne se text z hlouhého divu zalamovat pod menu, takhle: menu obsah obsah obsah menu obsah obsah obsah obsah obsah obsah jak docílím toho, aby obsah "udržel" formu? abych dosáhl tohoto: menu obsah obsah obsah menu obsah obsah obsah obsah obsah obsah snažím se udělat layout bez tabulek pro případ budoucího přestylování, ale umisťování více divů vedle sebe pomocí float:left stále končí u tohoto problému. jak se to řeší správně? děkuji za rady |
||
AM Profil * |
#2 · Zasláno: 2. 1. 2009, 22:20:01
pardon, diskuse smrskla mezery, takže ukázka nedává smysl.
chci dosáhnout tohoto: menu......obsah menu......obsah ...............obsah ...............obsah (tečky=volné místo) |
||
Casero Profil |
#3 · Zasláno: 2. 1. 2009, 22:20:34 · Upravil/a: Casero
AM
<div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div> <div style="margin-left:200px">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div> |
||
panther Profil |
#4 · Zasláno: 2. 1. 2009, 22:23:24
Casero
i u toho druhého divu musí být float |
||
AM Profil * |
#5 · Zasláno: 2. 1. 2009, 22:33:17
aha, v tom je ten vtip :) diky, vyreseno.
|
||
Casero Profil |
#6 · Zasláno: 2. 1. 2009, 23:07:36
panther
Mmnt...teď jsem se nad tím zamyslel, proč je tam potřeba?...není tam spíš naškodu? <div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div> <div style="margin-left:200px;float:left">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div> - druhý div bude o 200px vzdálen od prvního Moje bývalé řešeni: <div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div> <div style="margin-left:200px;">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div> - se vykreslí správně až na 3px bug v IE Nejlepší řešení je pouhý float. Odpadá 3px bug. <div style="width:200px;float:left">polozka 1<br />polozka 2<br />polozka 3<br /></div> <div style="float:left;">nejaky velmi dlouhy text ktery zabere vertikalne vic mista nez menu</div> |
||
panther Profil |
#7 · Zasláno: 3. 1. 2009, 10:56:12
Casero
„- druhý div bude o 200px vzdálen od prvního “ no jasně, ale nač ten margin? Je tam zbytečný ;-) U obou prvků stačí float a width, nic víc nepotřebuješ. |
||
Casero Profil |
#8 · Zasláno: 3. 1. 2009, 11:05:01 · Upravil/a: Casero
panther
„no jasně, ale nač ten margin? Je tam zbytečný ;-)“ Bez použití float je pouhý margin dostačující řešení. Viz. můj druhý příklad. „i u toho druhého divu musí být float“ Reagoval jsem na to, že nemusí! |
||
Časová prodleva: 15 let
|
0