[CSS] wycentrować wszystko Opcje

[Wieczny]

Jest to kod którym sie aktualnie bawie jedyne co mnie w nim interesuje to jak wyśrodkować to na stronie nie działa komenda align=center ani text-align nawet chciałem użyć float i nie mam pojęcia ;]

[PHP] pobierz, plaintext 
<?php
 
 
echo "
<div class='center'>
<div id='leftsite'>
<div id='search'>
<div class='search'>
 
<div class='img'><input type='text' class='input' name='search' size='23'></div>
<div class='img'><a href='index.php'><img src='images/lupa.jpg' border='0' alt='brak obrazka'></a><br><br></div>
 
 
<img src='images/shr.jpg' border='0' alt='brak obrazka'><br><center>Tu wpisz aby wyszukać</center></div>
 
</div>
<div><img src='images/oferta.jpg' width='235px' border='0' alt='brak obrazka'><br></div>
<div id='menu'>
";?>
<a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Ogólna oferta</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
<a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Strony www</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
<a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Poligrafia</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
<a href='index.php'><div class='link' style="width: 236px" onmouseover="this.style.backgroundColor='#E6F8F7'" onmouseout="this.style.backgroundColor='#FFFFFF'"><img src='images/strzalka.jpg' border='0' alt='Brak obrazka'> Multimedia</div></a><div><center><img src='images/hr.jpg' border='0' alt='Brak obrazka'></center></div>
<?php
echo"
</div>
<div>
<center>
<a href='index.php'><img src='images/testbanner.jpg' border='0' alt='Brak obrazka'></a>
 <br>
<a href='index.php'><img src='images/buycd.jpg' border='0' alt='Brak obrazka'></a>
</center>
</div>
</div>
 
";
echo "<div align='center' id='site'>
	   
	  <div><img src='images/cda.jpg' border='0' alt='brak obrazka'>
 
	  </div>
 
	  <div id='lastproject'><img src='images/cd.jpg' border='0' alt='brak obrazka'> </div>
 
 
	  <div><a href='index.php'><img src='images/promocja.jpg' border='0' alt='brak obrazka'></a></div>
 
 
	 </div></div>";
 
?>
[PHP] pobierz, plaintext 

[Shili]

Nie wiem co prawda co chcesz wyśrodkować, ale spróbuj stylu margin: 0 auto;

[Wieczny]

chce wyśrodkować wszystkie te divy na środek strony ponieważ na większej rozdzielczości wszystko jest w lewej stronie a z prawej biała pustka chce żeby było puste z lewej jak i z prawej i dodam że marginesy to zły pomysł bo zawsze gdzieś będzie mnie gdzieś więcej wolnego miejsca

[Shili]

Kurcze, a nie pomyślałeś, że słowo auto powoduje, że automatycznie jest to dopasowywane?
Nic nigdzie Ci źle nie wyliczy - ten sposób to poprawny sposób na centrowanie elementów blokowych, w tym i divów. I mogę raczej z czystym sumieniem i dużą pewnością stwierdzić, że od nikogo innego lepszej podpowiedzi nie dostaniesz.

[Wieczny]

Nie działa ;]
http://www.zobaczprojekt.yoyo.pl/

dałem to w body w css ale kiszka :] i tak przesunięte jest tylko logo i stopka

Tak wygląda head.php gdzie jest górna część strony stopka wygląda podobnie ale gdy daje to do tego pierwszegu pliku czyli wzsystko biore w div jeden i daje te klase to już nie działa ;/

[PHP] pobierz, plaintext 
<?php
 
echo "<div class='center'>
	  <img src='images/af.jpg' border='0' alt='brak obrazka'><br>
	  <img src='images/headsite.jpg' border='0' alt='brak obrazka'><br>
	 </div>
	 ";
?>
[PHP] pobierz, plaintext 

Ten post edytował Wieczny 25.07.2008, 01:09:20

[Shili]

To, że nie wiesz jak zastosować jeszcze nie znaczy, że nie działa ^^

Daj to w klasę center.
Dodatkowo zapewniając zgodność ze starszymi przeglądarkami w body daj text-align: center;

Uprzedzając pewnie kolejne pytanie - żeby coś wycentrować to coś samo w sobie musi mieć ustaloną szerokość.

Ten post edytował Shili 25.07.2008, 01:23:08

[Wieczny]

text-align wiem do czego jest ;p i mi nie przyda sie center ;p i ci po wiem że i tak nie wyśrodkowało !

Ten post edytował Wieczny 25.07.2008, 09:35:52

[Lk_hc]

Przeanalizuj sobie ten kod:

CSS:
http://pastebin.com/m1aece19a


HTML:
http://pastebin.com/m295b7487

[Wieczny]

i guzik zrobiłem jak jest nawet tam i PRZESUWA się tylko HEAD i STOPKA a site dalej kicha jest z lewej strony ;\

[Shili]

text-align wiem do czego jest ;p i mi nie przyda sie center ;p i ci po wiem że i tak nie wyśrodkowało !

Już mówiłam, że jak się nie umie, to tak jest. Zamiast zaperzać się jak indor zastanów się co robisz źle.

Czegoś co ma szerokość 100% nie wyśrodkujesz, wystarczy trochę nad tym pomyśleć. Jak ma 100% to z założenia wypełnia całość.
Ja Twoją stronę wyśrodkowałam w 10 sekund - więc się da, wystarczy pomyśleć, a w razie czego pytać, zamiast stwierdzać prosto: nie da się!

[Wieczny]

ale jak ustawie w px to nie będzie wtedy równo wyśrodkowane ;/ sprawdzałem sobie na kilku rozdzielczościach ;/

[Shili]

To dziwne, u mnie jest równo na środku.
Ustaw, zobaczy się, przetestuje, powiedz pod jaką przeglądarką rozwala i tak dalej.

[Heweliusz]

W moim przypadku wystarczyło dodanie margin-left: auto; oraz margin-right: auto; oraz ustawienie szerokości na 600px. Działa na każdej rozdzielczości.