Witajcie!
Już od bardzo dawna piszę strony, ale z czymś takim spotykam się pierwszy raz.
Zauważyłem ten błąd gdy zacząłem pisać tę stronę.
Zobaczcie:
Nie mówię tu o niepoprawnym wyświetlaniu tła.
Tylko o div'ach. W zielonym ustawiłem margin-top i czerwony przesuwa się razem z nim, WTF??
Mój kod:
-index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="Description" content="Strona">
<meta name="Keywords" content="">
<meta name="Author" content="Strona">
<title>Gra</title>
<link href="./style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<center>
<div id="page">
<div id="test">:)</div>
</div>
</center>
</body>
</html>
-style.css
html, body
{
background-color: #000000;
background-image: url("./images/tlo.png");
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
}
#page
{
width: 900px;
height: 100px;
background-color: #ff0000;
}
#test
{
margin-top: 100px;
background-color: #00ff00;
}
Dodam jeszcze że źle wyświetla się tylko w FF, a w IE już dobrze