Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: div na środku strony
Forum PHP.pl > Forum > Po stronie przeglądarki
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
Cytat(Apo @ 2006-05-13 08:36:40)
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:
  1. <div style="margin-left:auto; margin-right:auto; vertical-align:middle">
  2. <div>ble ble ble</div>
  3. </div>
Vogel
Cytat(macza @ 2006-05-13 16:55:33)
Jeśli to tabelaka to do td dodaj: <td valign="middle">
a jak div to stworz diva jednego a w nim drugiego:
  1. <div style="margin-left:auto; margin-right:auto; vertical-align:middle">
  2. <div>ble ble ble</div>
  3. </div>

@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
Cytat
<td valign="middle">

Skoro mowimy o centrowaniu za pomoca styli, to moze nie znizajmy swojego poziomu?
Nazin
  1. html, body {
  2.  height: 100%;
  3.  width: 100%;
  4. }
  5. html {
  6.  display:table;
  7. }
  8. body {
  9.      text-align: center;
  10.      vertical-align: middle;
  11.      display: table-cell;
  12. }
  13. #main {
  14.      margin: 0 auto;
  15.        border: 0px;
  16.      width: 780px;
  17.      height: 600px;
  18.      background: #000;
  19. }
  20. * html #main {
  21.  position: absolute;
  22.  top: expression((x=(document.documentElement.offsetHeight-this.offsetHeight)/2)<0?0:x+'px');
  23.  left: 50%;
  24.  margin-left: -400px;
  25. }


Spróbuj tak tongue.gif

a wyświetlenie to oczywiście

  1. <div id="main">ble bla bli</div>
NuLL
Odpowiedz na temat jest nawet na naszym forum.


Zamykam - wystarczylo poszukac, a nie pisac bezmyslnie temat.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.