Autor Zpráva
Luqa
Profil *
Mám problém. Potrebujem aby sa mi stránka centrovala dostredu a
aby výška bola premenlivá (podľa obsahu). V Explorery sa mi zobrazuje
celkom správne ,ale v Mozille a Opere 8.5 je BODY iba po hlavičku.
Ostatné veci ako keby tam neboli. Neviem co je v tom.Dakujem Tu je kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>luqa</title>

<style>
body {
font-family: Tahoma;
font-size: 12px;
line-height: 1.5em;
color: #000000;
text-align: center;
border: 1px solid #99CC00;
padding:0px;
margin:0px;
height: auto;

}
#all {
width: 700px;
border: 1px solid #FF9900;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#hlavicka {
background-image: url(logo.jpg);
background-repeat: no-repeat;
background-position: center;
height:150px;
}
#lavy {
height: 200px;
width: 120px;
border: 1px solid #99CC00;
float:left;
}
</style>


</head>
<body>

<div id="all">
<div id="hlavicka"></div>
<div id="lavy"></div>
</div>
</body>
</html>[/b][b]
jozob
Profil
Neviem, či ide presne o to, ale Yuhú napísal jeden návod: http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html
Luqa
Profil *
Neviem, či ide presne o to, ale Yuhú napísal jeden návod:
Nejde o to. Ja nechcem vycentrovat div, ale proste ked si skusis spustit to html tak by si uvidel co je vo veci. proste <body> ako keby nevidelo ostatny obsah ale iba hlavicku. (v opere a mozille). diki
Fred
Profil
Asi chceš aby ti to nevyplouvalo z toho obsahu. Trochu jsem to zjednodušil

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>luqa</title>
<style>
body {
text-align: center;
border: 1px solid green;
height: auto;
}
#all{
width: 700px;
border: 1px solid red;
margin: 0 auto;
height: 100%;
}
#hlavicka {
height:150px;
}
#lavy {
height: 200px;
width: 120px;
border: 1px solid blue;
float:left;
}
#pravy{
min-height: 200px;
}
</style>
</head>
<body>
<div id="all">
<div id="hlavicka"></div>
<div id="lavy"></div>
<div id="pravy"></div>
</div>
</body>
</html>
Luqa
Profil *
Asi chceš aby ti to nevyplouvalo z toho obsahu. Trochu jsem to zjednodušil
ano a to mi ide dufam ze to pojde. diki
Toto téma je uzamčeno. Odpověď nelze zaslat.

0