Vnořené divy, prapodivné chování – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

Vnořené divy, prapodivné chování – CSS – Fórum – Programujte.comVnořené divy, prapodivné chování – CSS – Fórum – Programujte.com

 

Toto vlákno bylo označeno za vyřešené — příspěvek s řešením.
Hledá se programátor! Plat 1 800 € + bonusy (firma Boxmol.com)
yaqwsx+9
Posthunter
24. 1. 2013   #1
-
0
-

Po dlouhé době potřebuji nakódit jedny stránky a dostal jsem se do úzkých.

Chci vytvořit šedý pruh přes celou šířku okna a v něm mít v prostředních 1200 pixelech obsah. Obsah se bude skládat z dvou sloupců - každý má svůj nadpis a pod ním je krátký text.

Prozatím můj kód vypadá takto:

<div class="sedy pozadi"><div id="paticka" class="radek">&nbsp;
 <div><h2>Nadpis 1</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div>
 <div><h2>Nadpis 2</h2></div>
</div></div>

A stylesheet:

.pozadi {width: 100%}
.sedy {background-color: rgba(225, 225, 225, 1);}
.radek {width: 1200px; clear: both; margin-left: auto; margin-right: auto;}
div#paticka div{width: 560px; float: left;}

Divy se správně seřadí vedle sebe, ale jakoby "vypadnou" z patičky. Jsou zobrazeny mimo ni (pod ní) - pokud bych odebral z obsahu patičky nezlomitelnou mezeru, tak se šedé pozadí vůbec nezobrazí.

Kde mám chybu?

Nahlásit jako SPAM
IP: 85.160.40.–
Life is too short to remove USB mass storage safely...
Správný drsňák udělá z konzole cokoliv
Reklama
Reklama
KIIV+42
God of flame
24. 1. 2013   #2
-
0
-

jak se pouzije "float" tak se to tak rozhodi...  nekde na konci toho nadrazenyho divu to chce mit jeste aspon neco  s clear:both

neco jako:    <div style="clear:both"></div> pred koncem paticky </div>

Edit: vypada ze to zpusobuje hlavne ten nadpis a cokoliv vnorenyho ...

Nahlásit jako SPAM
IP: 94.112.35.–
Program vždy dělá to co naprogramujete, ne to co chcete...
Řešení
crazy
~ Moderátor
+10
Grafoman
24. 1. 2013   #3
-
0
-
Vyřešeno Nejlepší odpověď

#1 yaqwsx
buď tak, jak píše KIIV a nebo zkus .pozadi pridat overflow: auto;

Nahlásit jako SPAM
IP: 89.190.90.–
All you need is vision and time.
yaqwsx+9
Posthunter
24. 1. 2013   #4
-
0
-

Děkuji za reakce. Můj problém vyřešilo přidání overflow: auto;

Nahlásit jako SPAM
IP: 85.160.40.–
Life is too short to remove USB mass storage safely...
Správný drsňák udělá z konzole cokoliv
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 8 hostů

Podobná vlákna

Vnorene transakcie — založil Prog.

Vnořené třídy — založil Daewoo

Vnorene stranky??? — založil Matus

Vnorene generika. — založil vitamin

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý