Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] wyśrodkowanie diva !
Forum PHP.pl > Forum > Przedszkole
Wieczny
Witam, mam spory problem chce wyśrodkować diva jednak żadne stosowane przeze mnie sposoby nie działają ... Nie mam już pomysłu a to kod. a no i chce wyśrodkować divy menu oraz links ...

  1. <div id="header">
  2. <div id="logo"> <img src="images/00.jpg"> </div>
  3. <div id="head">
  4. <div id="head_sponsors">SPONSOR SPONSOR SPONSOR</div>
  5. <div id="head_menu">Strona Glowna Linki Sponsorzy Video Galeria</div>
  6. </div>
  7.  
  8. <div id="menu">FA</div>
  9. <div id="links"></div>
  10.  
  11. </div>
  12.  
flip
Jak próbowałeś wyśrodkować?
darophp
  1. margin: 0 auto; padding: 0 auto;

lub
  1. text-align: center;
Twist
margin:0 auto; i ustaw width.
muniekw
  1. <div id="menu">FA</div>

Ten div dziedziczy po
  1. <div id="header">


wiec jeśli stworzysz sobie np 3 kolumny i dasz np dla pierwszej i drugiej
  1. float:left
, a dla trzeciej
  1. float:right
i tego z menu wsadzisz do drugiej kolumny to będzie na srodku. Musisz jeszcze poustawiać szerokości tych kolumn, ewentualnie dać paddingi z lewej i prawej strony, ale to lipa bo w zależności od rozdzielczości będzie się rozjeżdżać. Także ja proponuję jakoś to opakować w jakąś układ.
rex
Może lepiej spróbuj tak:

  1. margin-left: auto;
  2. margin-right: auto;
  3. margin-top: 0px;
  4. margin-bottom: 0px;


Powinno pomóc winksmiley.jpg
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.