Autor Zpráva
Gorli
Profil
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"> &nbsp &nbsp Další text</div>
 </div>
</div>
</body>
</html>
Měsíček
Profil
#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
Ale co když nemám pevně danou výšku? a position: relative mám odendat všude, nebo jen tam kde floatuju?
vertigo4
Profil
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
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
"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
Klasika, chybí ti tam tzv. cleaner, neboli čistič za posledním floatovaným elementem.
Použij třeba:
<br style="clear: both">
Gorli
Profil
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
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
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

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: