Diskuze: HTML - Auto height funguje pouze pro header

HTML a CSS HTML a CSS HTML - Auto height funguje pouze pro header American English version English version

Avatar
lukas.sei
Člen
Avatar
lukas.sei:

Č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. ledna 11:08
Avatar
adder
Člen
Avatar
adder:

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. ledna 12:45
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět  +1 29. ledna 12:44
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na lukas.sei
Jiří Gracík:

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

Nahoru Odpovědět 29. ledna 21:09
Creating websites is awesome till you see the result in another browser ...
Avatar
adder
Člen
Avatar
Nahoru Odpovědět 30. ledna 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.