+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Ignorowanie html/php (/thread-ignorowanie-html-php)
Ignorowanie html/php - Jespers - 01-04-2012
Witam, mam pewien problem.. Niedawno zaczalem bawic sie stronami w css i html.
Aktualnie posiadam dosc dziwny problem, po zamknieciu jednego z divow ignorowane sa wszelkie komendy html/php.. Sprawdzalem kazdy szczegol kodu, jednak niestety nie znalazlem bledu. Moze wy zauwazycie dlaczego tak sie dzieje ?
strona:
http://jespers.cba.pl/test/index.php
Ponizej daje kod html i css:
index.php:
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
<link href="CSS/template.css" type="text/css" rel="stylesheet" />
<title>DIV</title>
</head>
<body>
<div id="logo">
<img src="images/logo.png">
<div id="formbox">
<form method="POST" action="index.php">
<input id="button" type="submit" value="Zaloguj się" size="13">
<input id="loginbox" type="text" value="login" name="login" size="13">
<input id="passwordbox" type="password" value="haslo" name="haslo" size="13">
</form>
To sie dobrze wyswietli
</div>
Tego juz nie wyswietli...
</div>
Tego tez nie wyswietli...
</body>
</html>
I template.css :
Kod:
body{
background-color: yellow;
text-align: center;
margin: 0;
padding:0;
}
#logo {
text-align: left;
margin: 0 auto 0 auto;
border: 1px solid #2D2D2D;
height: auto;
width: 800px;
}
#logo img{
text-align: left;
position: absolute;
}
#formbox{
text-align: left;
position: relative;
top:180px;
height: 80px;
margin-left:480px;
width: 300px;
}
#loginbox
{
text-align: left;
border: 0;
background: transparent;
margin-top: 17px;
margin-left: 168px;
}
#passwordbox
{
text-align: left;
border: 0;
background: transparent;
margin-left: 168px;
margin-top: 7px;
}
#button
{
position: absolute;
top: 25px;
left: 40px;
background: #9cf;
}
Z gory dzieki za pomoc
RE: Ignorowanie html/php - Kartofelek - 01-04-2012
Nic ci nie ignoruje. Ale nie stosuj więcej position:absolute do takiego pozycjonowania logo ok?
RE: Ignorowanie html/php - Jespers - 01-04-2012
A masz jakis inny sposob, aby te logo tam bylo i loginbox byl w tamtym miejscu ? (Reklamy na cba.pl zmieniaja swoja wielkosc, co troche mi utrudnialo robote, bo nie moglem brac wielkosci zaleznych od poczatku strony)
PS. Czy ujemne pixele w pozycjonowaniu sa obslugiwane przez wiekszosc przegladarek i czy warto tak to rozwiazac?: )
RE: Ignorowanie html/php - Kartofelek - 02-04-2012
Obsługują. Ale u ciebie nie potrzeba pozycjonowania absolutnego. Pamiętaj że bloki nie pozycjonowane absolutnie układają się względem siebie.