Autor Zpráva
Stewew
Profil *
Ahoj, potřebuji udělat jednoduchý kod a nemůžu na to přijít.
Jednoduše potřebuji aby jsem měl dva DIV(levy1,2) pod sebou vlevo a z prava oba dva obtékal hlavní DIV

     <div id="levy1">
    <img src="obrazek.jpg">
    </div>

    <div id="levy2">
    Obsah
    </div>

    <div id="Hlavni">
    Moc obsahu
    </div>

#levy1 {
  float: left;
  width: 200px;
}
#levy2 {
  float: left;
  width: 200px;
}
#Hlavni {
  width: 400px;
}

Zkoušel jsem to odsazovat a kdo ví co ještě ale nemůžu na to přijít. Vím že je na to nějaké snadné řešení :) Prosím o pomoc
Keeehi
Profil
Chápu to správně?
EDIT: Ne nechápu.
panther
Profil
Stewew:
#hlavni může být v kódu jako první, mít rozměr a float: right a oba levé divy mohou mít pravý margin ve výši šířky pravého bloku + marginu mezi nimi, bez floatu.

Druhá možnost je oba levé obalit společným rodičem se šířkou a levým floatem, #hlavni pak bude mít pravý float.
Stewew
Profil *
Ano :) tak to myslím. Levé mají být pod sebou a ten hlavní má být napravo od nich ve svém sloupci. Tak aby pod levy dva nebylo až do konce stránky nic.

Problém asi dělá obrázek, hlavni obtéká jak má ale jakmile dám obrázek do levy1, začíná hlavní div až pod urovní levy1.
peta
Profil
Stewew:
Mas odkaz na kod? Ktery prohlizec to dela, tu chybu? Jak veliky je ten obrazek? zkousel jsi mu do kodu zadat rozmery, jak se to ma spravne delat? <img src="obrazek.jpg" width="50" height="50">. Tim padem by se mel vlezt do kontejneru levy1 a nemel by delat problemy.
Navic, u floatovani to musis mit cele uzavrene v divu s display:inline-block a na konci ma byt element s clear:left (right, both).
Nejlepesi rada je, najdi si funkcni priklad (css float simple example)
jenikkozak
Profil
peta:
Navic, u floatovani to musis mit cele uzavrene v divu s display:inline-block
Nemusí.
habendorf
Profil
peta:
Navic, u floatovani to musis mit cele uzavrene v divu s display:inline-block

Fíha, to se tak člověk přijde po dlouhé době podívat na DJPW a koukám, že peta tu hlásí stále stejný blud už asi 7 let :o)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: