Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> ok pytanie dotyczące CSS i XHTML ...
MitS
post
Post #1





Grupa: Zarejestrowani
Postów: 262
Pomógł: 5
Dołączył: 8.02.2005
Skąd: Olsztyn / Zatorze

Ostrzeżenie: (0%)
-----


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ć (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Pozdrawiam
Go to the top of the page
+Quote Post
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----


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);
}
Go to the top of the page
+Quote Post
MitS
post
Post #3





Grupa: Zarejestrowani
Postów: 262
Pomógł: 5
Dołączył: 8.02.2005
Skąd: Olsztyn / Zatorze

Ostrzeżenie: (0%)
-----


heh dzięki (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Takie proste a nie wpadłem (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Pozdrawiam
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 12:11