Autor | Zpráva | ||
---|---|---|---|
Gorli Profil |
#1 · Zasláno: 17. 5. 2008, 12:34:31
Mám problém - FF mi špatně umisťuje jednu část kódu. Chtěl jsem, aby text a vzkazy napravo byly v části "stredni", která je ohraničena rámečkem, ale přitom se zobrazí mimo tuto část. Můžete se podívat na http://www.gorli.ic.cz/chyba.html abyste viděli chybu. Kód je zde:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"></head> <style> #stredni { position: relative; width: 100%; border: 2px black solid; } #hlavni { position: relative; width: 80%; float: left; text-align: center; } #vzkazy { position: relative; width: 20%; float: right; } .vzkaz_nadpis { position: relative; width: 90%; height: 35px; background-color: #CCCCCC; float: right; text-align: center; } .vzkaz_text { position: relative; width: 90%; background-color: #EEEEEE; float: right; text-align: left; } </style> <body> <div id="stredni"> <div id="hlavni"> a bla </div> <div id="vzkazy"> <div class="vzkaz_nadpis">Nadpis</div> <div class="vzkaz_text">     Další text</div> </div> </div> </body> </html> |
||
Měsíček Profil |
#2 · Zasláno: 17. 5. 2008, 12:40:54
#stredni {
width: 100%; border: 2px black solid; height: 100px; } musíš tomu dát height a dej pryč ty position:relative; pokud floatuješ jsou k ničemu. |
||
Gorli Profil |
#3 · Zasláno: 17. 5. 2008, 12:43:32
Ale co když nemám pevně danou výšku? a position: relative mám odendat všude, nebo jen tam kde floatuju?
|
||
vertigo4 Profil |
#4 · Zasláno: 17. 5. 2008, 12:44:03
Měsíček
a dej pryč ty position:relative; pokud floatuješ jsou k ničemu. v tomto případě asi ano, ale jinak to může mít smysl... |
||
Gorli Profil |
#5 · Zasláno: 17. 5. 2008, 12:45:55
takže když tam používám (ve zbytku kódu, který zde zbytečně neuvádím) i position: absolute, tak tam position: relative musím nechat, ne?
|
||
Měsíček Profil |
#6 · Zasláno: 17. 5. 2008, 12:46:48
"Ale co když nemám pevně danou výšku?"
V tom případě použij minimální výšku vlastnost min-height:; "a position: relative mám odendat všude, nebo jen tam kde floatuju?" Na to příjdeš sám, ujasni si co je dělá vlastnost float a k čemu ti pomáhá position. "v tomto případě asi ano, ale jinak to může mít smysl..." Je to možné, ale u tohoto případu mi to připadá naprosto zbytečné. |
||
Bubák Profil |
#7 · Zasláno: 17. 5. 2008, 12:49:47
Klasika, chybí ti tam tzv. cleaner, neboli čistič za posledním floatovaným elementem.
Použij třeba: <br style="clear: both"> |
||
Gorli Profil |
#8 · Zasláno: 17. 5. 2008, 12:51:53
Máš pravdu, v tomhle případě je dávat sem vlastnost position zbytečný, ale vůči zbytku kódu ne. A min-height nepomáhá dá to pak třeba takovýhle výsledek: http://www.gorli.ic.cz/chyba.html (pro min-height: 10px)
|
||
Měsíček Profil |
#9 · Zasláno: 17. 5. 2008, 12:54:47
nn, proč dáváš všem min-height? Zkus tohle:
<style type="text/css"> #stredni { width: 100%; border: 2px black solid; clear:both; min-height: 100px; } #hlavni { width: 80%; height: 100px; float: left; text-align: center; } #vzkazy { width: 20%; float: right; } .vzkaz_nadpis { width: 90%; height: 35px; background-color: #CCCCCC; float: right; text-align: center; } .vzkaz_text { width: 90%; background-color: #EEEEEE; float: right; text-align: left; } </style> |
||
Gorli Profil |
#10 · Zasláno: 17. 5. 2008, 12:55:30
Bubák:
Díky moc. O tom jsem nikdy neslyšel, ale moc mi to pomohlo děkuji i ostatním, co se mi snažili pomoct |
||
Časová prodleva: 16 let
|
0