Centrowanie strony w IE i FF

Tauren · Post autor: **Tauren** » wt lut 05, 2008 4:36 pm

Witam
Postanowiłem pierwszy raz stworzyć stronę oparta na divach i mam problem

<BODY>
   <div id="first">
      <div id="top"></div>
      <div class="belka">
        <div class="belkalewe"></div>
        <div class="jeden"><img src="images/index_05.gif" width="72" height="32"></div>
        <div class="dwa"><img src="images/index_06.gif" width="67" height="32"></div>
        <div class="trzy"><img src="images/index_07.gif"></div>
        <div class="cztery"><img src="images/index_08.gif"></div>
        <div class="belkaprawe"></div>
      </div>
      <div class="pole">
        <p> Tutaj tekst ,pole głowne </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p>j</p>
      </div>
      <div class="stopka">
        <p>Strona Główna    O  nas    Oferta    Galeria     Kontakt</p>
      </div>
    </div>
</BODY>

i CSS

Kod: Zaznacz cały

* { margin: 0; padding: 0; }

body {
BACKGROUND: #FFFFFF;
margin: 0 auto;
}

#first {
width:584px;
height:100%;
position: relative;
margin: 0 auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
vertical-align:middle;
}

#top {
width:584px;
height:192px;
background-image:url(images/index_02.gif);
}

.belka {
height:32px;
width:584px;
}

.belkalewe {
width:137px;
background:url(images/index_04.gif);
float: left;
height:32;
}

.jeden {
width:72px;
height:32px;
float: left;
}

.dwa {
width:67px;
height:32px;
float: left;
}

.trzy {
width:72px;
height:32px;
float: left;
}

.cztery {
width:75px;
height:32px;
float: left;
}

.belkaprawe {
width:161px;
height:32px;
float:left;
background:url(images/index_09.gif);
}

.pole {
width:584px;
height:auto;
background:url(images/index_10.gif);
}

.stopka {
width:584px;
height:23px;
background:url(images/index_13.gif);
text-align:center;
font:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
vertical-align:middle;
}

Ok, wszystko cacy, pod FF strona jest wycentrowana, ale w IE niestety nie (jest po lewej stronie). I tutaj moje pytanie. Jak ten kod powinien wyglądać, zeby strona była w centrum pod IE i FF ?

Z góry przepraszam jeśli napisałem niezrozumiale, ale jestem troszeczkę zdenerwowany ,bo już trochę nad tym siedzę :/

vloq · Post autor: **vloq** » wt lut 05, 2008 11:25 pm

Po co ci to <td> za body?
Do wysrodkowywania jest margin: 0px auto - wstaw w #first, usun position:relative.

Tauren · Post autor: **Tauren** » śr lut 06, 2008 7:40 am

O nie zauważyłem , jest to pozostałośc po ramce, ale dobrze ze zwróciłeś mi na to uwagę.

Wstawiłem tak jak poradziłeś, nadal bez zmian - w FF jest wycentrowana w IE nie

slawko · Post autor: **slawko** » śr lut 06, 2008 9:05 am

[xml]
body {
BACKGROUND: #FFFFFF;
margin: 0 auto;
text-align:center;
}
[/xml]

vloq · Post autor: **vloq** » śr lut 06, 2008 10:42 am

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <head>
<style type="text/css">
/* <![CDATA[ */
 html, body{
  padding: 0px; margin: 0px;
  background-color: blue;
}
#first { 
  width: 584px;
  margin: 0px auto; padding: 0px;
  background-color: red;  
}
/* ]]> */
</style>
  </head>
  <body>
    <div id="first">
      dsa
    </div>
  </body>
</html>

Dodaj dwie pierwsze linie na top, zadziala.

Tauren · Post autor: **Tauren** » śr lut 06, 2008 1:54 pm

Vlog, dziękuję serdecznie, wszystko działa jak należy

Jeszcze raz dzięki
pozdrawiam

Centrowanie strony w IE i FF

Centrowanie strony w IE i FF

Re: Centrowanie strony w IE i FF

Re: Centrowanie strony w IE i FF

Re: Centrowanie strony w IE i FF

Re: Centrowanie strony w IE i FF

Re: Centrowanie strony w IE i FF