Autor Zpráva
*Čvachta*
Profil *
V Mozile 1.1:



V IE 6.0:



Přoč se mi to tak překrývá s ralativnímy pozicemi ???




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta name="GENERATOR" content="NOTEPAD">
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link rel="stylesheet" href="etc/siemens.css" type="text/css">
<title>
M SIMENS
</title>
</head>
<body>
<div id="vrsek">
<div id="prihlaseni">
<form action="">
Přezdívka:
<br>
<input type="text" name="nick" class="nick">
<br>
Heslo:
<br>
<input type="password" name="heslo" class="heslo">
<input type="submit" name="posli" value="OK" class="tlacitko">
</form>
</div>
<a href=""><img src="etc/logo.png" class="logo"></a>
</div>
<div id="page">
<div id="text">
cokoliv
</div>
</div>
</body>
</html>







/* copyright &copy; 2004 čvachta */
body {
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
background-color: #ffffcc;
margin: 0px;
color: #000000;
text-align: center;
}
#menu {
position: relative;
background-color: #000000;
WIDTH: 20px;
FLOAT: right;
}
#page {
position: relative;
border: #5847f5 2px solid;
background-color: #99EC95;
height: auto;
margin: 0px auto;
padding: 0px;
width: 750px;
color: #000000;
text-align: left;
}
#vrsek {
font-family: verdana;
position: relative;
margin-left: auto;
margin-right: auto;
border-right: #5847f5 2px solid;
border-top: #5847f5 2px solid;
border-left: #5847f5 2px solid;
border-bottom: 0px;
background-color: #b0acee;
width: 750px;
height: 85px;
color: #000000;
text-align: left;
font-size: 16px;
}
#text h1 {
font-size: 30px;
margin-top: 10px;
margin-bottom: 10px;
}
#text {
position: relative;
height: auto;
text-align: center;
padding: 0px;
float: left;
width: 580px;
background-color: #FFFFFF;
}
#prihlaseni {
position: absolute;
top: 5px;
left: 630px;
width: 120px;
text-aling: center;
color: #0c36de;
}
.nick {
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #ffffff;
height: 18px;
width: 110px;
}
.heslo {
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #ffffff;
height: 18px;
width: 70px;
}
.tlacitko {
border-style: solid;
border-color: #000000;
border-width: 1px;
color: #000000;
background-color: #ffffff;
cursor: hand;
height: 18px;
_height: 22px;
width: 35px;
}
.logo {
position: absolute;
left: 0px;
top: 10px;
width: 469px;
height: 60px;
border: 0px;
}

/* odkazy */

#menu a {
display: block;
padding: 1px;
color: #5847f5;
background-color: none;
text-decoration: none;
}
#menu a:hover {
color: #ffffff;
background-color: #5847f5;
}
#text a {
color: #000000;
text-decoration: underline;
}
#text a:hover {
color: #000000;
text-decoration: none;
}
Yuhů
Profil
Příště bych to prosil odmazat až do takovéhoto tvaru:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>

<style>

#page {
position: relative;
border: green 2px solid;
background-color: #99EC95;
height: auto;
margin: 0px auto;
padding: 0px;
width: 750px;
color: #000000;
text-align: left;
}


#text {
position: relative;
height: auto;
text-align: center;
padding: 0px;
float: left;
width: 580px;
background-color: #FFFFFF;
}
</style>

</head>
<body>

<div id="page">
<div id="text">
cokoliv

</div>
</div>
</body>
</html>


Problémem je kombinace nastavení výšky a obtékání u #text. Jakmile se něčemu zadá float, tak to Mozilla správně vyjímá z toku dokumentu a při automatické výšce prostě překrývá border.

Řešením je buďto smazat float: left u #text, nebo za text (a případně za pravý sloupček) přidat něco takovéhoto:

<div style="clear:both"> </div>
*Čvachta*
Profil *
Moc děkuji !!!!!!
Pomohl jsi mi !!!!
Toto téma je uzamčeno. Odpověď nelze zaslat.