Div pozicování

21. 12. 2011 12:03:10

Zdravím, mám dotaz na celkem základní věci ohledně div pozicování / formatování.

Jedná se o 3 divy, jeden obalový a levý a pravý sloupec. Bohužel se mi nedaří nastavit ten obalový tak, aby byl velký jak největší pravý nebo levý sloupec.

Na obrázku jde vidět, jak levý sloupec přesahuje za (přes) obalový div.

Jak nastavit dynamickou výšku "obalového" divu? Díky

EDIT - teď koukám že ve výsledku je ještě naopak pravý a levý sloupec.

21. 12. 2011 12:03:10

https://webtrh.cz/diskuse/div-pozicovani#reply709236

Michal Skoula

(18 hodnocení)

21. 12. 2011 12:07:10

zkus height: 100%

21. 12. 2011 12:07:10

https://webtrh.cz/diskuse/div-pozicovani#reply709235

Ondrej Vertat

(48 hodnocení)

21. 12. 2011 12:07:57

A ani se ti to nepodaří. Absolutní pozicování znamená, že je prvek vyjmut z toku dokumentu a vše se chová tak jako by tam daný prvek vůbec nebyl, obalový div se ti tedy nenatáhne. To co potřebuješ je vlastnost float.

21. 12. 2011 12:07:57

https://webtrh.cz/diskuse/div-pozicovani#reply709234

MD1

21. 12. 2011 12:08:14

Michal Škoula: natáhne na celou stránku...

21. 12. 2011 12:08:14

https://webtrh.cz/diskuse/div-pozicovani#reply709233

Michal Skoula

(18 hodnocení)

21. 12. 2011 12:12:23

Napsal MD1;735606
Michal Škoula: natáhne na celou stránku...

jojo uvědomil sem to později...

tady je kód stylů:

21. 12. 2011 12:12:23

https://webtrh.cz/diskuse/div-pozicovani#reply709232

MD1

21. 12. 2011 12:26:39

Řešení fungují obě, vhodnější mi však přijde s overflow: hidden. Díky

21. 12. 2011 12:26:39

https://webtrh.cz/diskuse/div-pozicovani#reply709231

Aramon

(2 hodnocení)

9. 5. 2012 22:38:42

Mohl bych tohle téma ještě otevřít? Přestože se v CSS nevyznám, trošku už do něj pronikám (faaakt jen trošku). Snažím se předělat tabulkový layout do CSS, problém nastává v okamžiku, kdy potřebuju dynamickou výšku, kterou jsi zde popsal, obtékání. Jenže mám jeden obalový DIV a uvnitř potřebuju tři sloupce. A funkce float má jen left/righ. Potřebuju ještě center. A ať se snažím hledat jak chci (asi hledám špatně vzhledem k tomu, že ani pořádně nevím, jak to nazvat), nenacházím jinou variantu. Problém je v tom, že právě prostřední sloupec má dynamickou výšku. Mohl bys mi poradit v tomhle směru, jak na to?

Díky moc.

9. 5. 2012 22:38:42

https://webtrh.cz/diskuse/div-pozicovani#reply709230

Ondrej Vertat

(48 hodnocení)

10. 5. 2012 10:18:53

Všechny tři sloupce třeba budou mít float:left, v kódu je budeš mít napsané v pořadí v jakém mají být. Dynamickou výšku má každý div už od narození.

10. 5. 2012 10:18:53

https://webtrh.cz/diskuse/div-pozicovani#reply709229

Pro odpověď se přihlašte.

Přihlásit