div na środku strony Opcje

[Apo]

Witam
Mam pytanie jak umieścić div'a lub tabelke na środku strony (w pionie i w poziomie) aby chodziło na IE, FF i operze :?
Z góry thx

[Vogel]

poczukac w googlach albo na forum. bylo walkowane wiele razy.

http://www.wpdfd.com/editorial/thebox/deadcentre4.html

[Jarod]

Witam
Mam pytanie jak umieścić div'a lub tabelke na środku strony (w pionie i w poziomie) aby chodziło na IE, FF i operze :?
Z góry thx

W poziomie dla lewego i prawego marginesu dajesz auto. W pionie nie wiem ale jak będziesz wiedział to napisz - przyda się

[macza]

Jeśli to tabelaka to do td dodaj: <td valign="middle">
a jak div to stworz diva jednego a w nim drugiego:

[HTML] pobierz, plaintext 
<div style="margin-left:auto; margin-right:auto; vertical-align:middle">
<div>ble ble ble</div>
</div>
[HTML] pobierz, plaintext 

[Vogel]

Jeśli to tabelaka to do td dodaj: <td valign="middle">
a jak div to stworz diva jednego a w nim drugiego:

[HTML] pobierz, plaintext 
<div style="margin-left:auto; margin-right:auto; vertical-align:middle">
<div>ble ble ble</div>
</div>
[HTML] pobierz, plaintext 

@macza: zastanow sie co piszesz. tak nie wyrownasz ani tabeli ani diva tylko ich zawartość. a to bardzo duza roznica.

pozatym zamiast "margin-left:auto; margin-right:auto;" wystarczy dac "margin: 0 auto;"

[erix]

<td valign="middle">

Skoro mowimy o centrowaniu za pomoca styli, to moze nie znizajmy swojego poziomu?

[Nazin]

[HTML] pobierz, plaintext 
html, body {
  height: 100%;
  width: 100%;
}
html {
  display:table;
} 
body {
      text-align: center;
      vertical-align: middle;
      display: table-cell;
}
#main {
      margin: 0 auto;
        border: 0px; 
      width: 780px;
      height: 600px;
      background: #000;
}
* html #main {
  position: absolute;
  top: expression((x=(document.documentElement.offsetHeight-this.offsetHeight)/2)<0?0:x+'px');
  left: 50%;
  margin-left: -400px;
}
[HTML] pobierz, plaintext 

Spróbuj tak (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

a wyświetlenie to oczywiście

[HTML] pobierz, plaintext 
<div id="main">ble bla bli</div>
[HTML] pobierz, plaintext 

[NuLL]

Odpowiedz na temat jest nawet na naszym forum.


Zamykam - wystarczylo poszukac, a nie pisac bezmyslnie temat.