| 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: 18 let
|
|||
0