Autor | Zpráva | ||
---|---|---|---|
krupis Profil * |
#1 · Zasláno: 26. 10. 2009, 15:47:12
Ahoj, snažím se vytvořit dvousloupcový layout, bohužel narážím na stejný problém a nevím, co s tím. Takže to zkusím trošku zjednodušit.
Vytvořím si jeden velký blok pomocí <div> a do něj vkládám dva další bloky. Jeden s vlastností float:left a do té doby je vše v pořádku. Poté přidám druhý sloupec s vlastností float:right. Jakmile tohle udělám, oba sloupce přestanou být součástí onoho velkého bloku <div> v Mozille a IE7. Vypadá to takto Když píšu kód v PSPadu, který má svůj interní náhled (nějaký starší IE), tak se to zobrazuje tak, jak chci a oba sloupce jsou jakoby pohlceny velkým blokem. Začínám, tak díky za každou radu... XHTML: <body> <div id="celek"> <div id="hlavicka"> hlavička </div> <div id="levy"> levý </div> <div id="pravy"> pravý </div> </div> </body> CSS: #celek { width: 1000px; margin: auto; padding: 5px 5px 10px 5px; border: 5px solid; } #hlavicka { width: 1000px; margin: auto; background-color: green; border: 2px solid; text-align: center; } #levy { width: 200px; margin: 3px 3px 0px 0px; background-color: blue; border: 2px solid; float: left; } #pravy { width: 200px; margin: 3px 0px 0px 3px; background-color: yellow; border: 2px solid; float: right; } |
||
tiso Profil |
#2 · Zasláno: 26. 10. 2009, 16:02:30
Za float prvky pridaj čistič - prvok s nastaveným clear: both;
|
||
krupis Profil * |
#3 · Zasláno: 26. 10. 2009, 22:31:56
díky za odpověď, vše funguje jak má...
|
||
Časová prodleva: 14 let
|
0