NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: HTML - Auto height funguje pouze pro header

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
lukas.sei
Člen
Avatar
lukas.sei:29.1.2016 11:08

Čaute,
Mám problém.
Snažím se nastavit pozadí articlu pomocí:

background-color: green;
height: auto;

Ale problém je, že toto řešení nastaví pozadí pouze na header.(https://jsfiddle.net/7fc1eutd/1/) A pozadí za section nechá čisté. Ale jakmile odstraním section třídu, tak se pozadí nastavuje i pod ním. (https://jsfiddle.net/jh1oL11c/)
Neví někdo co s tím ?

 
Odpovědět
29.1.2016 11:08
Avatar
adder
Člen
Avatar
adder:29.1.2016 12:44

Ahoj,http://n­icolasgallagher­.com/
přidej k třídě .artFull vlastnost overflow: auto; a půjde ti to. Je to způsobené tím, že tam máš float: left na jednom z prvků uvnitř bloku. Co se tedy s tím děje?

Cituji Tomáše123 z článku http://www.itnetwork.cz/…ni-hlavicky/#…:

"Hodnoty výšky nie sú vlastnosťou float priamo ovplyvnené. Dochádza k tomu iba následkom vyňatia floatovaného prvku z toku dokumentu. Teda po floatovaní bez explicitnej zmeny ostane u rodičovského prvku height: auto, nie height: 0."

Další možné řešení je pomocí tohoto návodu: http://nicolasgallagher.com/…earfix-hack/

Snad jsem pomohl, měj se hezky. ;))

Editováno 29.1.2016 12:45
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
29.1.2016 12:44
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na lukas.sei
Neaktivní uživatel:29.1.2016 21:09

Lepší by bylo clearovat, overflow bych nevěřil.

Nahoru Odpovědět
29.1.2016 21:09
Neaktivní uživatelský účet
Avatar
adder
Člen
Avatar
Odpovídá na Neaktivní uživatel
adder:30.1.2016 8:57

Ovšem. :)

Nahoru Odpovědět
30.1.2016 8:57
I’m going to lay this brick as perfectly as a brick can be laid.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.