Forum PHP.pl > Centrowanie strony Pomóżcie !

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Centrowanie strony Pomóżcie !

sirs10

2.03.2008, 14:32:05

Witam.
Mam problem z centrowaniem strony od dwóch dni szukam po róznych forach, robie to co piszą i nic jak stała na lewo tak stoi.
Nie wiem czy mogę na tym forum zamieścić kod by ktoś mi pomógł ?.
Pozdrawiam.

Maciekbjw

2.03.2008, 14:34:54

No wklej może będziemy wiedzieć to Ci powiemy jak wyśrodkować.

ApC

2.03.2008, 14:39:10

sirs10

2.03.2008, 14:46:20

W mozili jest ok w explorerze ucieka do lewej

<head>
<title></title>
</head>
<div>
<div leftmargin="0" topmargin="0" style="background-image: url(tlo.jpg); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" link="#000099" marginheight="0" marginwidth="0" vlink="#000099">
<table style="text-align: left; margin-left: auto; margin-right: auto;" class="body" border="0" cellpadding="0" cellspacing="0" width="757">
<tbody>
<tr align="center">
<td width="863">
<table style="text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0" width="808">
<tbody>
<tr>
<td style="text-align: center;" width="253"><img src="http://republika.pl/chlodnice/top3.jpg" height="174" width="341"></td>
<td background="http://republika.pl/chlodnice/top2.jpg" valign="bottom" width="555">
<table class="top" border="0" cellpadding="0" cellspacing="0" width="527">
<tbody>
<tr>
<td height="25" valign="top" width="184"> </td>
<td height="110" valign="top" width="343"><font size="6"><b><i> </i></b><i><b>
<font color="#ffffff"> Części Samochodowe</font><font color="#ffffff" size="3">(Sirs10)</font></b></i></font></td>
</tr>
<tr>
<td height="25" valign="top" width="184"> </td>
<td height="25" valign="top" width="343"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="center">
<td background="http://republika.pl/chlodnice/tlo.jpg" height="33" width="863"> </td>
</tr>
<tr align="center">
<td background="http://republika.pl/chlodnice/tlo.jpg" width="863">
<table style="text-align: left; margin-left: auto; margin-right: auto;" class="body" border="0" cellpadding="0" cellspacing="0" width="870">
<tbody>
<tr>

cd....

<td valign="top" width="121">
<table class="body" border="0" cellpadding="0" cellspacing="0" width="104">
<tbody>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td height="18" width="104"> </td>
</tr>
<tr>
<td height="18" width="104">
<div align="center"> </div>
</td>
</tr>
</tbody>
</table>
</td>
<td background="tlo.jpg" valign="top" width="749">
<p align="center"> <b><font face="Monotype Corsiva" size="6"> </font><font face="Monotype Corsiva" size="5">Witamy<br>
Na stronie P.W. “Sirs”<br>
Nasza firma zajmuje się importem używanych części do
samochodów <br>
produkcji europejskiej i japońskiej. </font></b></p>
<p align="center"><img src="http://republika.pl/chlodnice/part3.gif" border="0" height="81" width="153"><img src="http://republika.pl/chlodnice/part2.jpg" border="0" height="81" width="153"><img src="http://republika.pl/chlodnice/part1.gif" border="0" height="81" width="153"></p>
<p align="center"><b><font face="Monotype Corsiva" size="5">Wszystkie części
wystawiane w serwisie Allegro są wcześniej sprawdzone i często jest
wystawiona na nie <font color="#008000">gwarancja</font>.</font></b></p>
<p align="center"><img src="http://republika.pl/chlodnice/b6%5B1%5D.jpg" border="0" height="185" width="255"><img src="http://republika.pl/chlodnice/b4%5B1%5D.jpg" border="0" height="185" width="255"></p>
<p align="center"><b>
<font face="Monotype Corsiva" size="5">Po
otrzymaniu informacji o zakupie staramy się jak najszybciej wysłać
przesyłkę, najczęściej wysyłamy jeszcze tego samego dnia. </font></b></p>
<p align="center"><img src="http://republika.pl/chlodnice/poczta_logo%5B1%5D.gif" border="0" height="26" width="120"> <img src="http://republika.pl/chlodnice/dhl_logo%5B1%5D.gif" border="0" height="26" width="120"></p>
<p align="center"><b><font face="Monotype Corsiva" size="5">Posiadając duże
doświadczenie w branży motoryzacyjnej gwarantujemy pełny profesjonalizm
przeprowadzanych przez nas transakcji.</font></b></p>
<p align="center"><img style="width: 360px; height: 200px;" alt="" src="http://images31.fotosik.pl/95/6a6f33d500e8038d.jpg"><br>
</p>
<p align="center"><b><font face="Monotype Corsiva" size="5">Pozdrawiamy i
zapraszamy na nasze aukcje</font></b></p>
<p align="center"><b><font face="Monotype Corsiva" size="5"> Sirs10.</font></b></p>
<p align="center"></p>
<p align="center"></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="center">
<td background="http://republika.pl/chlodnice/tlo.jpg" height="42" width="863"> </td>
</tr>
</tbody>
</table>
<p> </p>
</div>
</div>

c0cr0ach

2.03.2008, 14:50:01

@sirs10
Nigdzie nie widzę początku body w Twoim kodzie. Jeśli chcesz wycentrować stronę, ustaw sobie w stylu dla div'a, w którym znajduje się cała jej zawartość opcję margin: auto.

sirs10

2.03.2008, 14:55:45

Do cOcrOach możesz wskazać mi gdzie w moim kodzie mam wstawić ten margin, jestem za zielony nie wiem jak zrobić to oczym piszesz.
Pozdrawiam

c0cr0ach

2.03.2008, 14:58:49

ehh, w pierwszym div'ie spróbuj dopisać sobie coś takiego (nie gwarantuję, że to Ci pomoże, bo nie sprawdzałem szczerze czy masz wszystko podomykane, ale sprawdź):

[HTML] pobierz, plaintext 
style="margin: auto;"
[HTML] pobierz, plaintext

Maciekbjw

2.03.2008, 15:10:45

Kod

body { text-align: center; margin: auto; }

Jeśli chcesz mieć wyśrodkowane to w body musisz mieć powyższy kod.

c0cr0ach

2.03.2008, 15:33:00

@Maciekbjw, to niekoniecznie musi zadziałać

@sirs10, należy też pamiętać, że jak centrujesz div'a bezpośrednio w body, to div ten powinien mieć stałą szerokość (width); zapomniałem dodać w poprzednim poście o tym drobnym szczególe.

Maciekbjw

2.03.2008, 15:37:52

@c0cr0ach

Wiem, że nie koniecznie musi działać, ale to też zależy od układu divów jaki ma strona i od tego czy chcesz mieć zgodnie ze standardami, czy też nie... sposobów na wyśrodkowanie jest przynajmniej kilka. Pozdrawiam.

sirs10

2.03.2008, 15:38:56

Dzięki.
Wpisywałem kod od cOcrOach i kod od Maciekbjw i nie pomaga.
Może ktoś w wolnej chwili przepatrzy mój kod i zdajdzie błąd z góry dzieki.
Pozdrawiam.
Ps cOcrOach i Maciekbjw macie u mnie zniżkę na zderzaki.
Pozdrawiam.

c0cr0ach

2.03.2008, 15:54:10

@sirs10, wziąłem (że tak się wyrażę) Twój kod "na tapetę" i już wiem co jest nie tak. Na początku kodu dodaj sobie chociaż <html> (na końcu </html>). Poza tym brakuje Ci body, jak już wcześniej wspominałem (dodaj po </head> znacznik <body> i zamknij go przed końcem znacznika <html>). Btw trochę ta strona mało zgodna z jakimikolwiek standardami, ale myślę, że te zmiany powinny pomóc.

Maciekbjw

2.03.2008, 16:00:05

Kod

<html>
<head>
<title></title>
<style type="text/css">
#glowny_div { text-align: center; margin: auto; }
</style>
</head>
<body>
<div id="glowny_div">
<div leftmargin="0" topmargin="0" style="background-image: url(tlo.jpg); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" link="#000099" marginheight="0" marginwidth="0" vlink="#000099">
<table style="text-align: left; margin-left: auto; margin-right: auto;" class="body" border="0" cellpadding="0" cellspacing="0" width="757">
<tbody>
<tr align="center">
<td width="863">
<table style="text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0" width="808">
<tbody>
<tr>
<td style="text-align: center;" width="253"><img src="http://republika.pl/chlodnice/top3.jpg" height="174" width="341"></td>
<td background="http://republika.pl/chlodnice/top2.jpg" valign="bottom" width="555">
<table class="top" border="0" cellpadding="0" cellspacing="0" width="527">
<tbody>
<tr>
<td height="25" valign="top" width="184"> </td>
<td height="110" valign="top" width="343"><font size="6"><b><i> </i></b><i><b>
<font color="#ffffff"> Części Samochodowe</font><font color="#ffffff" size="3">(Sirs10)</font></b></i></font></td>
</tr>
<tr>
<td height="25" valign="top" width="184"> </td>
<td height="25" valign="top" width="343"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="center">
<td background="http://republika.pl/chlodnice/tlo.jpg" height="33" width="863"> </td>
</tr>
<tr align="center">
<td background="http://republika.pl/chlodnice/tlo.jpg" width="863">
<table style="text-align: left; margin-left: auto; margin-right: auto;" class="body" border="0" cellpadding="0" cellspacing="0" width="870">
<tbody>
<tr>

cd....

<td valign="top" width="121">
<table class="body" border="0" cellpadding="0" cellspacing="0" width="104">
<tbody>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td background="http://republika.pl/chlodnice/tlo.jpg" height="18" width="104"> </td>
</tr>
<tr>
<td height="18" width="104"> </td>
</tr>
<tr>
<td height="18" width="104">
<div align="center"> </div>
</td>
</tr>
</tbody>
</table>
</td>
<td background="tlo.jpg" valign="top" width="749">
<p align="center"> <b><font face="Monotype Corsiva" size="6"> </font><font face="Monotype Corsiva" size="5">Witamy<br>
Na stronie P.W. “Sirs”<br>
Nasza firma zajmuje się importem używanych części do
samochodów <br>
produkcji europejskiej i japońskiej. </font></b></p>
<p align="center"><img src="http://republika.pl/chlodnice/part3.gif" border="0" height="81" width="153"><img src="http://republika.pl/chlodnice/part2.jpg" border="0" height="81" width="153"><img src="http://republika.pl/chlodnice/part1.gif" border="0" height="81" width="153"></p>
<p align="center"><b><font face="Monotype Corsiva" size="5">Wszystkie części
wystawiane w serwisie Allegro są wcześniej sprawdzone i często jest
wystawiona na nie <font color="#008000">gwarancja</font>.</font></b></p>
<p align="center"><img src="http://republika.pl/chlodnice/b6%5B1%5D.jpg" border="0" height="185" width="255"><img src="http://republika.pl/chlodnice/b4%5B1%5D.jpg" border="0" height="185" width="255"></p>
<p align="center"><b>
<font face="Monotype Corsiva" size="5">Po
otrzymaniu informacji o zakupie staramy się jak najszybciej wysłać
przesyłkę, najczęściej wysyłamy jeszcze tego samego dnia. </font></b></p>
<p align="center"><img src="http://republika.pl/chlodnice/poczta_logo%5B1%5D.gif" border="0" height="26" width="120"> <img src="http://republika.pl/chlodnice/dhl_logo%5B1%5D.gif" border="0" height="26" width="120"></p>
<p align="center"><b><font face="Monotype Corsiva" size="5">Posiadając duże
doświadczenie w branży motoryzacyjnej gwarantujemy pełny profesjonalizm
przeprowadzanych przez nas transakcji.</font></b></p>
<p align="center"><img style="width: 360px; height: 200px;" alt="" src="http://images31.fotosik.pl/95/6a6f33d500e8038d.jpg"><br>
</p>
<p align="center"><b><font face="Monotype Corsiva" size="5">Pozdrawiamy i
zapraszamy na nasze aukcje</font></b></p>
<p align="center"><b><font face="Monotype Corsiva" size="5"> Sirs10.</font></b></p>
<p align="center"></p>
<p align="center"></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="center">
<td background="http://republika.pl/chlodnice/tlo.jpg" height="42" width="863"> </td>
</tr>
</tbody>
</table>
<p> </p>
</div>
</div>
</body></html>

Nie wiem jak u Ciebie ale u mnie w Mozilli i w IE to działa (jest wyśrodkowane).

sirs10

2.03.2008, 18:29:57

Dięki Wielkie
Działa.
Jak bedziecie mieli jakieś pytania odnośnie częsci służe doświadczeniem.
denis76@wp.pl

marcinlenkowski

2.03.2008, 19:47:10

na przyszłość proponuję używanie div'ów a nie tabel

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.