Forum PHP.pl > [CSS]dziwne zachowanie w IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]dziwne zachowanie w IE

Michał90

2.03.2010, 17:54:45

Witam,
Zrobiłem sobie taki mały szablonik na div;ach + css(dopiero się ucze)
I w FF strona wyświetla się prawidłowo, zaś w IE już nie..

Strona FF

Strona IE

Chodzi o to, że w FF środek strony jest na środku (taka tabelka-obramowanie), natomiast w IE ten środek dolgea do prawe jstrony ekranu tak jakby nie była wycentrowana + jest odstęp na dole między obramowaniem...

Tak wygląda index.html

[HTML] pobierz, plaintext 
<html>
<head>
<link rel ="stylesheet" href ="style.css" type ="text/css" />
</head>
<body>
 
<div id="top"></div>
<div id="all">
<div id="srodek">fgffffffffffffffffffffffff<br><a href="http://...pl">ggg</a></div>
</div>
<div id="footer">td</div>
</body>
</html>
[HTML] pobierz, plaintext

css:

[HTML] pobierz, plaintext 
*{
color : #000000;
background-color: #ffffff;
font-family : arial;
font-size : 12px;
margin:0px;
padding:0px;
border:none;
}
a {
	color : #6e9bba;
	text-decoration : none;
}
a:hover{color:#176fae;}
#top{
background-image : url('images/test1.jpg');
background-repeat : repeat -x;
height:200px;
width:100%;
clear:both;
}
#all{
margin:0 auto;
height:100%;
width:760px;
margin-bottom:8px;
clear:both;
}
#srodek{
border: 4px solid #bcbaca;
height:100%;
width:760px;
}
#footer{
background-image : url('images/dol1.jpg');
background-repeat : repeat -x;
height:90px;
width:100%;
clear:both;
}
[HTML] pobierz, plaintext

Jak to naprawić?

Pozdrawiam

_olo_1984

2.03.2010, 18:18:30

dać na początku deklaracę dokumentu np.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[HTML] pobierz, plaintext

poza tym dla body margin: 0 auto;

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.