Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wyśrodkowanie strony. Zielony, nie bić!
trembecki
post 16.11.2010, 10:39:30
Post #1





Grupa: Zarejestrowani
Postów: 7
Pomógł: 0
Dołączył: 22.01.2007

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

Witam. Właśnie tworzę swoją pierwszą stronę i przy jej tworzeniu wystąpił następujący problem:
Chciałem, aby strona wyświetlała się na środku przeglądarki *wyśrodkowanie w pionie i poziomie. Niestety nie potrafię tego dokonać. Czy mógł bym prosić o waszą pomoc?

Kod strony:
Cytat
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>pocięcie</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- ImageReady Styles (pocięcie.psd) -->
<style type="text/css">
<!--

#Tabela_01 {
position:absolute;
left:0px;
top:0px;
width:760px;
height:420px;
}

#pociecie-01_ {
position:absolute;
left:0px;
top:0px;
width:200px;
height:420px;
}

#pociecie-02_ {
position:absolute;
left:200px;
top:0px;
width:46px;
height:29px;
}

#pociecie-03_ {
position:absolute;
left:246px;
top:0px;
width:49px;
height:29px;
}

#pociecie-04_ {
position:absolute;
left:295px;
top:0px;
width:68px;
height:29px;
}

#pociecie-05_ {
position:absolute;
left:363px;
top:0px;
width:49px;
height:29px;
}

#pociecie-06_ {
position:absolute;
left:412px;
top:0px;
width:348px;
height:29px;
}

#pociecie-07_ {
position:absolute;
left:200px;
top:29px;
width:560px;
height:145px;
}

#pociecie-08_ {
position:absolute;
left:200px;
top:174px;
width:95px;
height:31px;
}

#pociecie-09_ {
position:absolute;
left:295px;
top:174px;
width:125px;
height:31px;
}

#pociecie-10_ {
position:absolute;
left:420px;
top:174px;
width:96px;
height:31px;
}

#pociecie-11_ {
position:absolute;
left:516px;
top:174px;
width:107px;
height:31px;
}

#pociecie-12_ {
position:absolute;
left:623px;
top:174px;
width:137px;
height:31px;
}

#pociecie-13_ {
position:absolute;
left:200px;
top:205px;
width:247px;
height:186px;
}

#pociecie-14_ {
position:absolute;
left:447px;
top:205px;
width:153px;
height:186px;
}

#pociecie-15_ {
position:absolute;
left:600px;
top:205px;
width:160px;
height:53px;
}

#pociecie-16_ {
position:absolute;
left:600px;
top:258px;
width:160px;
height:133px;
}

#pociecie-17_ {
position:absolute;
left:200px;
top:391px;
width:560px;
height:16px;
}

#pociecie-18_ {
position:absolute;
left:200px;
top:407px;
width:560px;
height:13px;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#000000;">
<!-- ImageReady Slices (pocięcie.psd) -->
<div id="Tabela_01">
<div id="pociecie-01_">
<img id="pociecie_01" src="Obrazki/pociecie_01.jpg" width="200" height="420" alt="" />
</div>
<div id="pociecie-02_">
<img id="pociecie_02" src="Obrazki/pociecie_02.jpg" width="46" height="29" alt="" />
</div>
<div id="pociecie-03_">
<img id="pociecie_03" src="Obrazki/pociecie_03.jpg" width="49" height="29" alt="" />
</div>
<div id="pociecie-04_">
<img id="pociecie_04" src="Obrazki/pociecie_04.jpg" width="68" height="29" alt="" />
</div>
<div id="pociecie-05_">
<img id="pociecie_05" src="Obrazki/pociecie_05.jpg" width="49" height="29" alt="" />
</div>
<div id="pociecie-06_">
<img id="pociecie_06" src="Obrazki/pociecie_06.jpg" width="348" height="29" alt="" />
</div>
<div id="pociecie-07_">
<img id="pociecie_07" src="Obrazki/pociecie_07.jpg" width="560" height="145" alt="" />
</div>
<div id="pociecie-08_">
<img id="pociecie_08" src="Obrazki/pociecie_08.jpg" width="95" height="31" alt="" />
</div>
<div id="pociecie-09_">
<img id="pociecie_09" src="Obrazki/pociecie_09.jpg" width="125" height="31" alt="" />
</div>
<div id="pociecie-10_">
<img id="pociecie_10" src="Obrazki/pociecie_10.jpg" width="96" height="31" alt="" />
</div>
<div id="pociecie-11_">
<img id="pociecie_11" src="Obrazki/pociecie_11.jpg" width="107" height="31" alt="" />
</div>
<div id="pociecie-12_">
<img id="pociecie_12" src="Obrazki/pociecie_12.jpg" width="137" height="31" alt="" />
</div>
<div id="pociecie-13_">
<img id="pociecie_13" src="Obrazki/pociecie_13.jpg" width="247" height="186" alt="" />
</div>
<div id="pociecie-14_">
<img id="pociecie_14" src="Obrazki/pociecie_14.jpg" width="153" height="186" alt="" />
</div>
<div id="pociecie-15_">
<img id="pociecie_15" src="Obrazki/pociecie_15.jpg" width="160" height="53" alt="" />
</div>
<div id="pociecie-16_">
<img id="pociecie_16" src="Obrazki/pociecie_16.jpg" width="160" height="133" alt="" />
</div>
<div id="pociecie-17_">
<img id="pociecie_17" src="Obrazki/pociecie_17.jpg" width="560" height="16" alt="" />
</div>
<div id="pociecie-18_">
<img id="pociecie_18" src="Obrazki/pociecie_18.jpg" width="560" height="13" alt="" />
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>



margin-left: auto;
margin-right: auto;
niestety nie wiem dlaczego, ale nie działają.
Go to the top of the page
+Quote Post

Posty w temacie
- trembecki   Wyśrodkowanie strony. Zielony, nie bić!   16.11.2010, 10:39:30
- - czachor   auto nie działa, ponieważ wszystko ma position: ab...   16.11.2010, 12:30:52
- - trembecki   Mam to zrobić tylko w #Tabela_01 ? Bo jeżeli tak, ...   16.11.2010, 12:57:11
- - koreja   Usuń wszystko co masz w css w #Tabela_01 i wpisz t...   19.11.2010, 23:13:04
- - trembecki   Niestety ten sposób również nie działa   26.11.2010, 09:56:44
- - wookieb   Wywal to wszystko i złóż szablon normalnie. To co ...   26.11.2010, 10:02:31
- - trembecki   A co jest nie tak ze złożeniem tego szablonu? Z te...   29.11.2010, 13:38:59
- - Damonsson   Jest zajebisty! Olej ich, nie znają się, amato...   29.11.2010, 15:02:21
|- - trembecki   Cytat(Damonsson @ 29.11.2010, 15:02:2...   29.11.2010, 16:31:45
- - Damonsson   No przecież wookieb Ci wyjaśnił wszystko, w jednym...   29.11.2010, 18:01:02
- - adasko_pl   Aby wyśrodkowanie działało musić dodać margin 0 au...   2.12.2010, 19:15:28
- - Damonsson   Sądzę, że nawet <center> by zawiódł...ale sp...   2.12.2010, 19:28:51
- - Quadina   Spróbuj tak: [CSS] pobierz, plaintext #Tabela_01 ...   4.12.2010, 08:28:09
- - derdiusz   ja bym się w position: absolute nie ładował bo nie...   5.12.2010, 23:48:02

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn