Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Div pod divem.
Forum PHP.pl > Forum > Przedszkole
Croos22
Witam.

Zwracam się z prośbą o pomoc ze stylami. Chciałbym aby menu2 było pod menu. Teraz znajdują się obok siebie.

Tutaj kawałek jest:
  1. #MENU {
  2. width: 150px;
  3. float: left;
  4. overflow: hidden;
  5. background-color: #ccc;
  6. }
  7.  
  8. #MENU2 {
  9. width: 150px;
  10. float: left;
  11. overflow: hidden;
  12. background-color: #ccc;
  13. }
Ghost_78
  1. #MENU {
  2. width: 150px;
  3. overflow: hidden;
  4. background-color: #ccc;
  5. }
  6.  
  7. #MENU2 {
  8. width: 150px;
  9. overflow: hidden;
  10. background-color: #ccc;
  11. }


float: left - nie jest potrzebne w tym przypadku
Croos22
Środek szablonu czyli tam gdzie jest miejsce wyznaczone na treść ma float: left; i przesunęło się na lewo pod menu2.
Ghost_78
pokaz to menu bo te same style nie za wiele mowia
PiterosWeb
spróbuj dać taką linijkę w tych classach:

display: block;
powinno pomóc
Croos22
Ogólnie to tylko tak to nazwałem to zwykłe pola poustawiane.

  1. <div id="top">
  2. <div id="NAGLOWEK">Nagłówek szablonu</div>
  3. <div id="MENU">Menu nawigacyjne</div>
  4. <div id="MENU2">Menu nawigacyjne</div>
  5. <div id="INFORMACJE">Dodatkowe informacje</div>
  6. <div id="TRESC">Treść strony</div>
  7. <div id="STOPKA">Stopka serwisu</div>
  8. </div>
PiterosWeb
a tak w ogóle to nie przyjrzałem się kodowi css zrób to jako klasę czyli za pomocą "." a nie "#" i wtedy w HTML'u dajesz "class" a nie "id" bo jak robisz z "#" to wtedy obiekty znajdujące się w danym divie dziedziczą funkcje winksmiley.jpg
Ghost_78
@Cross
moze narysuj jeszcze jak chcesz zeby to wygladalo i pokaz - bo nie do konca moge zrozumiec - moe sie zmulilem juz za bardzo na wykladach winksmiley.jpg
Croos22
Przykładowo:
http://img207.imageshack.us/img207/6483/11081869.jpg
PiterosWeb
Daj to:
"display: block;"
i na pewno będzie działać a jeśli nie co by było dziwne to dodaj jeszcze:
"position: relative;"

I teraz to nie ma możliwości żeby nie było jedno pod drugi.
Croos22
Ale momencik teraz skasowałem samo float: left; przy menu a przy menu2 zostawiłem. Efekt wyszedł taki, że treść strony i dodatkowe informacje są na równym poziomie co menu2.
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.