[CSS]Div pod divem. Opcje

[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:

[HTML] pobierz, plaintext 
#MENU {
	width: 150px;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}
 
#MENU2 {
	width: 150px;
	float: left;
	overflow: hidden;
	background-color: #ccc;
}
[HTML] pobierz, plaintext 

Ten post edytował Croos22 20.11.2010, 18:37:15

[Ghost_78]

[HTML] pobierz, plaintext 
#MENU {
	width: 150px;
	overflow: hidden;
	background-color: #ccc;
}
 
#MENU2 {
	width: 150px;
	overflow: hidden;
	background-color: #ccc;
}
[HTML] pobierz, plaintext 

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.

[HTML] pobierz, plaintext 
<div id="top">
	<div id="NAGLOWEK">Nagłówek szablonu</div>
	<div id="MENU">Menu nawigacyjne</div>
	<div id="MENU2">Menu nawigacyjne</div>
	<div id="INFORMACJE">Dodatkowe informacje</div>
	<div id="TRESC">Treść strony</div>
	<div id="STOPKA">Stopka serwisu</div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował Croos22 20.11.2010, 19:18:14

[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

[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

[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.

Ten post edytował Croos22 20.11.2010, 19:31:44