NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Rozšiřování nadřazených divů dle obsahu

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

Aktivity
Avatar
*smoky*
Člen
Avatar
*smoky*:16.1.2016 13:59

Zdravím, divu mám odstavec <p>, div se rozšiřuje (směrem dolů) dle délky odstavce, ovšem tento div mám obalený ještě jedním divem, který se už dynamicky nerozšiřuje, pomůžete mi prosím s tím?

ukázka:

<div class="hlavni">
        <div class="logo">
        </div>
        <div class="hlavni2">
                <div class="menu">
                 </div>
                <div class="text">
                <p>
                </p>
                </div>
        </div>
</div>

.hlavni {width:1000px;margin:0px auto;min-height:800px;}
.logo {width:1000px;height: 135px;}
.hlavni2 {width:1000px;min-height:650px;}
.menu {float:left;width:230px; height:auto;min-height:100px;}
.text {float:right;margin-right:0px; width:700px; min-height:645px}
Odpovědět
16.1.2016 13:59
Pít, žít, umřít.
Avatar
Ondřej Langr (andysekcze)
Tvůrce
Avatar
Ondřej Langr (andysekcze):16.1.2016 14:05

Width:auto; a min-width:1000px;

Nahoru Odpovědět
16.1.2016 14:05
I have a charger. I have Note 7. Umh I haven't Note7.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na *smoky*
Tomáš123:16.1.2016 14:13 
.hlavni2 {overflow: auto}

Obtekaný prvok je vyňatý z toku dokumentu. Bez clearovania naň nebude nadradený prvok brať ohľad. Overflow iný ako vissible u nadradeného prvku je takisto jedna z foriem clearovania.

Zafungovalo by aj:

<div style="clear: both"></div>

Pred koncovou značkou prvku .hlavni2.

Nahoru Odpovědět
16.1.2016 14:13
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
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 3 zpráv z 3.