Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][html] divy
Forum PHP.pl > Forum > Przedszkole
andixxx
Witam, mam problem i za nic nie mogę sobie z nim poradzić..
Potrzebuje zrobić diva kontener w którym by były ustawione 2 divy obok siebie w poziomie (w pierwszym wyrównanie dokładnie do środka w poziomie i w pionie) i trzeci div aby był umiejscowiony dokładnie nad tym pierwszym (nad tym z lewej strony a w nim wyrównanie do dolnego prawego rogu).
Proszę o pomoc ..
lepmajster
narysuj najlepiej, ale z tego co zrozumialem, to dajesz trzeci div: margin: auto;
a pod nim dwa divy z float: left;
andixxx
ok,a wiec tak:



- kontener - zawiera w sobie wszystkie warstwy,
- warstwa pierwsza - wysrodkowanie tekstu/obrazka w divie do srodka w pionie i poziomie,
- warstwa druga - tu bedzie tekst od lewego gornego rogu
- warstwa trzecia - nalozona na warstwe pierwsza ( takie same rozmiary i to samo polozenie), zawartosc warstwy (maly obrazek) wyswietlana w dolnym lewym rogu.

warstwy oczywiscie bez odstepow miedzy soba..
bastard13
  1. <div id="kontener" style="width:800px;background:black;">
  2. <div id="warstwa" style="width:300px;margin:50px;background:red;height:300px;float:left;position:rel
    ative;"
    >
  3. <div id="warstwa" style="width:300px;background:green;height:300px;position:absolute;left:20px;top:2
    0px;"
    >
  4. </div>
  5. </div>
  6. <div id="warstwa" style="width:300px;margin:50px;background:blue;height:300px;float:left;">
  7. </div>
  8. <div style="clear:both"></div>
  9. </div>

Co do wyśrodkowania w poziomie: text-align:center.
W pionie? JS albo statycznie.
Lilo
Warstwy na warstwach daje właściwość z-index http://pl.html.net/tutorials/css/lesson15.asp
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.