Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: ok pytanie dotyczące CSS i XHTML ...
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
MitS
Aha no to pisze skróconą wersje postu:

Problem polega na tym iż chccem wyśrodkować elementy strony html w - div:

html:

Kod
    
<div id="id1-01">
<img src="images/www/ent3r/1_01.gif" width="535" height="11" alt="" /></div>
<div id="id1-02">
<img src="images/www/ent3r/1_02.gif" width="28" height="30" alt="" /></div>


Kod
#id1-01 {
position:absolute;
left:340px;
top:200px;
width:535px;
height:11px;
}
#id1-02 {
position:absolute;
left:340px;
top:211px;
width:28px;
height:30px;
}




I tu jest problem bo w stylach css divy są na odpowiednich pozycjach od lewej i od góry a problem polega na tym by nie zależnie od rozmiaru okna przeglądarki zawsze były te divy na środku ...
Jak to zrobić questionmark.gif

Pozdrawiam
revyag
Wyśrodkowanie.
1. Normalne.
Kod
body {
    text-align:center;
}
//kontener zawierający całą treść strony
div#cont {
    width:szerokość_strony;
    margin: 0 auto;
}

2. Position:absolute
Kod
//kontener zawierający całą treść strony
div#cont {
    position:absolute;
    width:szerokość;
    height:wysokość;
    left:50%;
    margin-left: -(szerokość/2);
    //jak chcesz wyśrodkować w pionie to jeszcze to co niżej
    top:50%;
    margin-top: -(wysokość/2);
}
MitS
heh dzięki biggrin.gif
Takie proste a nie wpadłem biggrin.gif

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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.