Forum PHP.pl > Wyrównanie w pionie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wyrównanie w pionie

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

son

2.02.2005, 11:39:33

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

dr_bonzo

2.02.2005, 11:46:00

Chodzi ci o to zeby <div> byl wycentrowany w pionie w oknie przegladarki? Podobno "margin: auto;" skutkuje.

PS. Nie ma apacha 1.3.38

son

2.02.2005, 11:55:52

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:

[HTML] pobierz, plaintext 
<div style="text-align:center; margin: auto;"><p><span style="font-weight: bold">Błąd!</span><br /> Nie podano numeru kartki! <br /><br /> <span style="font-style: italic">Rada: Sprawdź czy poprawnie skopiowałeś cały link.</span></p></div>
[HTML] pobierz, plaintext

I tekst wyrównuje się tylko w pozionie

Cytat

PS. Nie ma apacha 1.3.38

Faktycznie pomyliłem się

Kill3R

2.02.2005, 12:49:37

Moze ten
przykład Ci pomoże

Natomiast wyrównywanie z lewej i prawej wyglada tak

[HTML] pobierz, plaintext 
body
{
    /* dla internet explorera */
    text-align: center;
}
#box
{
    /* dla mozilli */
    margin-left:auto;
    margin-right: auto;
}
[HTML] pobierz, plaintext

son

2.02.2005, 12:57:22

Cytat(Kill3R @ 2005-02-02 12:49:37)

Moze ten
przykład Ci pomoże

Natomiast wyrównywanie z lewej i prawej wyglada tak

[HTML] pobierz, plaintext 
body
{
    /* dla internet explorera */
    text-align: center;
}
#box
{
    /* dla mozilli */
    margin-left:auto;
    margin-right: auto;
}
[HTML] pobierz, plaintext

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

pitbull82

4.02.2005, 13:14:45

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

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.