Autor Zpráva
MagicPowa
Profil
Zdravím,
mám takový problém, udělal jsem ukázku takže popíšu problém.

Mám dva divy, zelený (height: auto; width: 620px;) a žlutý (height: 30px; width: 600px;), žlutý div je v zeleném a tudíž jak zelený má definovanou height: auto; tak by se měl roztáhnout podle toho žlutého. Ovšem to se děje jenom v Exploreru, Mozzila to nemůže pochopit. Podařilo se mi to obejít vložením overflow: auto; zelenýmu boxu ale tohle řešení nehodlám použít. Potřeboval bych slyšet jestli jsou ještě nějaké možnosti.

Ukázka je http://www.filth.xf.cz/ukazka.html Nejřív koukněte v Exp a poté v Mozille.

Styly tady http://www.filth.xf.cz/levy-box.css

Děkuji za pomoc.
Str4wberry
Profil
Protože ten vnořený <div> má float. Řešeních je mnoho — třeba #div-na-pozadi {overflow: hidden}.
Bubák
Profil
Nevím, o co se pokoušíš, ale na pobobný efekt nemusíš mít takovou opičárnu, stačí pravý a levý border, prípadně ještě sjedntit box-model.

Zbytečně floatueš a pokud floatuješ, nezapomeň na čistič, neboli cleaner.
MagicPowa
Profil
Děkuji, za pomoc už to jde tak jak jsem si představoval. Bubáku tohle byla pouze demonstrace. Bordery bych dělal přes bordery a ne tímto stylem ačkoliv výsledek je stejný.
Str4wberry
Profil
Opravdu floatuješ zbytečně. A nastavovat výšku vnořenému <div>u je špatně, protože Ti při zvětšení písma text z boxu vyleze. V podstatě i ta šířka je zbytečná. :–)

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: