PDA

Zobacz pełną wersję : Wyśrodkowanie strony w IE.


czarny_85
27-02-2011, 17:09
Witam. Nie mogę wyśrodkować strony w IE. Nigdy mi się to nie zdarzało. Zawsze wszystko było dobrze. Nie wiem może na dużo operuję float. Zobaczcie sami.


<body>
<div id="wraper">
<div id="header">
<div id="logo">
</div>
<div id="menutop">
<div id="menu">
</div>
<div id="menudown">
</div>
</div>
</div>
<div id="content">
<div id="left">
</div>
<div id="right">
<div id="slider">
</div>
<div id="text">
<div class="main">
</div>
</div>
</div>
</div>
<div id="fotter">
</div>
</div>
</body>
@charset "utf-8";

body {
font-family: Tahoma,Arial, Helvetica;
font-size: 12px;
background-image:url(images/bg.jpg);
background-position:centert-top;
background-repeat:no-repeat;
background-color:#333333;
color: #000000;
margin:0px;
}
a {
color:#ffffff;
}
a:link {
color: #fffffff;
text-decoration: none;
}
a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: none;
}
a:active {
color: #ffffff;
text-decoration: none;
}
#wraper {
width:970px;
margin:0 auto;
}
#header {
width:970px;
height:100px;
float:left;
}
#logo {
width:485px;
height:100px;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
float:left;

}
#menutop {
width:485px;
height:100px;
float:left;
}
#menu {
width:485px;
height:50px;
background-color:#a80012;
float:left;
}
#menudown {
width:485px;
height:50px;
float:left;
}
#content {
width:970px;
}
#left {
width:340px;
min-height:300px;
float:left;

}
#right {
width:626px;
min-height:600px;
float:left;

}
#slider {
width:626px;
height:300px;
background-color:#a80012;
float:left;

}
#text {
width:622px;
min-height:300px;
background-color:#ffffff;
border:solid 2px #8b8989;
margin-top:5px;
float:left;

}
.main {
padding:7px;
width:608px;

}
#fotter {
width:966px;
height:93px;
background-image:url(images/stopka_bg.jpg);
background-repeat:repeat-x;
float:left;
margin-top:5px;
}



---------- Post dodany o 17:09 ---------- Poprzedni post był o 13:30 ----------

Siedzę nad tym od 4 godzin próbuję wszystkiego margin:0 auto; flat:left; i innych, ale nadal nic strona w IE ucieka do lewej krawędzi.

Pierwszy raz mam taki przypadek, nie wiem już o co chodzi. Może gdzieś indziej jest problem?
a_m
27-02-2011, 17:14
ten pierwszy kod, to cała zawartość pliku html / php? bo jeśli tak, to może jak skonstruujesz poprawny dokument, to ie przestanie "wariować"
czarny_85
27-02-2011, 17:54
Jest to plik html.

Moim zdaniem css jest ok, wiec moze cos nie tak z deklaracjami w sekcji head.

Co masz na mysli 'po skompresowaniu'?

Masz jakies inne propozycje.
a_m
27-02-2011, 17:56
nie pisałem nic o skompresowaniu, ale zdałem pytanie - czy to pomiędzy <body> a </body> to cały dokument
czarny_85
27-02-2011, 18:50
W sekcji head coś musiało być nie tak. Po zmianie na takie ustawienia wszystko jest dobrze.

Zmarudziłem na to chyba z 8 godzin;/ A wszystko przez ten program 'HateML' który takie deklaracje wczytał automatycznie podczas tworzenie pliku html.


<!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=utf-8" />
<title>tytul</title> <meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css.css" rel="stylesheet" type="text/css" />
</head>