 Wyrównanie w pionie, w XHTML |
  |
| Wyrównanie w pionie, w XHTML |
 2.02.2005, 11:39:33
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 210 Pomógł: 0 Dołączył: 31.01.2004 Skąd: Kraków Ostrzeżenie: (0%) 
 |
jak wyrównać np. <div> w pionie
Nie chcę żeby to było na tabelkach. Najlepiej żeby to był jakiś styl  Próbowałem już STYLE="vertical-align: middle" ale nie działa  I ważne jest to że na tej stronie nie ma nic oprócz tej warstwy Pozdrawiam -------------------- Warsztat: Apache 1.3.36 | MySQL 4.1.19 | php 5.1.4 | OS Linux SUSE 10.3 x86_64 | Kernel 2.6.22.12-0.1 | Opera 9.5 | Kate
Na warsztacie: Ekartki |
 |
 
|
|
2.02.2005, 11:46:00
Post
#2
|
|
 Grupa: Przyjaciele php.pl Postów: 5 724 Pomógł: 259 Dołączył: 13.04.2004 Skąd: N/A Ostrzeżenie: (0%)
|
Chodzi ci o to zeby <div> byl wycentrowany w pionie w oknie przegladarki? Podobno "margin: auto;" skutkuje.
PS. Nie ma apacha 1.3.38 
-------------------- Nie lubię jednorożców.
|
|
|
|
|
2.02.2005, 11:55:52
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 210 Pomógł: 0 Dołączył: 31.01.2004 Skąd: Kraków Ostrzeżenie: (0%)
|
Cytat Chodzi ci o to zeby <div> byl wycentrowany w pionie w oknie przegladarki? Podobno "margin: auto;" skutkuje. Niestety nie pomaga  Moja strona wygląda tak: I tekst wyrównuje się tylko w pozionie Cytat PS. Nie ma apacha 1.3.38 Faktycznie pomyliłem się 
-------------------- Warsztat: Apache 1.3.36 | MySQL 4.1.19 | php 5.1.4 | OS Linux SUSE 10.3 x86_64 | Kernel 2.6.22.12-0.1 | Opera 9.5 | Kate
Na warsztacie: Ekartki |
|
|
|
|
2.02.2005, 12:49:37
Post
#4
|
|
 Grupa: Zarejestrowani Postów: 109 Pomógł: 0 Dołączył: 10.06.2003 Skąd: Tarnobrzeg/Poznań Ostrzeżenie: (0%)
|
Moze ten
przykład Ci pomoże Natomiast wyrównywanie z lewej i prawej wyglada tak
-------------------- |
|
|
|
|
2.02.2005, 12:57:22
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 210 Pomógł: 0 Dołączył: 31.01.2004 Skąd: Kraków Ostrzeżenie: (0%)
|
Cytat(Kill3R @ 2005-02-02 12:49:37) Moze ten przykład Ci pomoże Natomiast wyrównywanie z lewej i prawej wyglada tak
Mi chodzi o wyrównanie w Pionie UPDATE Znalazłem coś takiego, może to kogoś zainteresuje: http://www.wpdfd.com/editorial/wpd0103.htm#toptip Pozdrawiam
Ten post edytował son 2.02.2005, 20:37:37 -------------------- Warsztat: Apache 1.3.36 | MySQL 4.1.19 | php 5.1.4 | OS Linux SUSE 10.3 x86_64 | Kernel 2.6.22.12-0.1 | Opera 9.5 | Kate
Na warsztacie: Ekartki |
|
|
|
|
4.02.2005, 13:14:45
Post
#6
|
|
 Grupa: Zarejestrowani Postów: 167 Pomógł: 0 Dołączył: 30.04.2004 Skąd: Częstochowa Ostrzeżenie: (0%)
|
Nie wiem czy dobrze zrozumiałem o co Ci chodzi, ale tutaj masz przykład. Pamiętaj tylko, że nie działa jak on trzeba w niektórych starszych przeglądarkach (np. Opera 6.05):
Kod <html> <head> </head> <style> body { text-align: center; vertical-align: middle; } div { text-align: left; background: yellow; border: 1px solid #000; position: absolute; width: 300px; height: 500px; left: 50%; top: 50%; margin-top: -250px; margin-left: -150px; } p { background: #00f; width: 200px; height: 200px; margin: auto; position: absolute; left: 50%; top: 50%; margin-top: -100px; margin-left: -100px; } </style> <body> <div> <p>fdafd<br /><br /><br />asafds </p></div> </body> </html> Pozdrawiam -------------------- |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 19.07.2025 - 02:37 |
