Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Trzy div'y obok siebie nie są wycentrowane
Forum PHP.pl > Forum > Przedszkole
Lee
Znowu zwracam się do was z prośba o pomoc. Mam trzy div'y z obrazkami jako tło
  1. <div class="c">
  2. <div class="c1"></div>
  3. <div class="c2"></div>
  4. <div class="c3"></div>
  5. <br class="clear: both" />
  6. </div>

i kod CSS, który ustawia mi je obok siebie [C1][C2][C3]
  1. div.c1 {
  2. ...
  3. float: left;
  4. }
  5. div.c2 {
  6. ...
  7. float: left;
  8. }
  9. div.c3 {
  10. ...
  11. float: left;
  12. }

No i pojawia się problem, bo chce aby te trzy divy tworzace "tabelkę" były na środku strony, a nie wyrównane do lewej. Probowałem w "klasie matce" dac
  1. div.c {
  2. text-align: center;
  3. margin: auto;
  4. }

ale jest to ignorowane przez te trzy div'y. Jak rozwiązać ten problem?
sennin
Przede wszystkim, zamiast:

<br class="clear: both" />

daj

<br style="clear: both" />

A najlepiej w ogole zrob to inaczej:)

A co do centrowania to w klasie "c" musisz ustawic atrybut "width" i dac marginesy tak:

margin: 0 auto;

co jest rownowazne:

margin-left: auto;
margin-right: auto;
Lee
To z class="clear: both" to przeoczenie tylko na forum winksmiley.jpg

Inaczej? Tzn. jak?

Atrybut width? tylko, że szerokość środkowego (c2) jest zmienna i nie mogę jednoznacznie jej określić, bez tego nie działa mi margin: 0 auto; Dałem tak o 200 i chyba jest po środku, ale nie wiem czy to będzie pasować na różnych rozdzielczościach.
sennin
Co do inaczej to zamiast br, uzywaj marginesow i paddingow, a co do reszty, to ten kontener z klasą "c" ma szerokosc dokladnie taka, jak body (jesli jest pierwszym divem) wiec nie wysorkuje Ci sie, bo jest wielkosci body, musisz mu dac jakas wielkosc, chocby wieksza od zakladanej, po to, zeby to wysrodkowac:)
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.