Autor | Zpráva | ||
---|---|---|---|
Ondřej Mareš Profil |
Zdravím,
Jsem 15-ti letý začátečník, který se učí stránky dělat doma. Zrovna dělám stránky pro tátovu firmu a narazil jsem na jednu chybu, která by se dala přehlédnout. ale já chci vědět proč. Jde o to, že se body a div obal1 na výšku nerozšiřuje podle obsahu. Zas tolik by to nevadilo, ale tenhle problém mám pokaždé. Děkuju za rady. Tady je odkaz na stránky, kde mám ten problém. |
||
exoslav Profil |
Zkus tohle:
#obal1 { overflow: hidden } Sice nevím proč, ale asi to vyřeší tvůj problém (teda pokud jsem ho dobře pochopil, máš za to, že u body a div#obal1 se ti nezobrazuje výška). Možná by mně mohl někdo vysvětlit, proč, když nastavím overflow na hidden, se ta výška ukáže... |
||
Trejpa Profil |
#3 · Zasláno: 2. 3. 2013, 19:30:34
Ondřej Mareš:
Nastuduj si, jak funguje float. Aby se okolní blok natáhl, musíš v něm ukončit plavání pomocí objektu s clear nebo vnějšímu bloku nastavit vhodné overflow. Když se použije samotné plavání, tak jsou plovoucí prvky vytrženy z obsahu nadřazeného bloku a pokud ten nemá jiný obsah, je jeho výška pochopitelně nulová. Zbytečně (a špatně) nastavuješ výšky a rozplaváváš elementy, vedle kterých nic nemáš. |
||
margin Profil * |
#4 · Zasláno: 2. 3. 2013, 19:32:57
Nemáš ukončené obtékání (float), klasické řešení je ukončit obtékání patičkou (a vyhodit zbytečný float):
#copyright { top: 10px; width: 900px; height: 50px; position: relative; clear: both; background-image: url(../obrazky/zaklad/copyright.png); background-repeat: no-repeat; } Zatím jsem v CSS specifikaci ani jinde nenašel, proč lze použít i overflow: hidden; vím jen, že v současných prohlížečích funguje.
Mimo téma: Místo šachů s pozicováním je vhodnější používat margin a padding. |
||
Ondřej Mareš Profil |
#5 · Zasláno: 3. 3. 2013, 13:00:00
Diky všem :D. Už jsem na to přišel diky marginovi. Teď to snad už začnu chápat líp.
|
||
Časová prodleva: 11 let
|
0