[Problem] Menu i rozszerzanie się strony.

[Gość Najs]

Witajcie zgromadzeni.

 

Mam pewien problem z menu, a mianowicie chcę go wyśrodkować, a za nic nie potrafię.

Moja strona - http://najsik.pl

 

Wycinek z css;

.active, .notactive:hover {
	float: left;
	height: 39px;
	width: 147px;
margin: 0 auto;
	background-position: 0 39px !important
}

.notactive {
	float: left;
	height: 39px;
	width: 147px;
margin: 0 auto;
	background-position: 0 0px
}

 

Wiem, że jest odpowiedzialne za to float: left; lecz nie wiem czym to zamienić, gdy to skasuje to menu znika.

 

Poza tym strona mi się jeszcze rozszerza, a spowodowane jest to tym co poniżej, też nie wiem czym to zamienić aby było okej.

.stopka
{
margin:0 auto;
margin-top: 50px;
background-image:url('images/menu.png');
height: 47px;
width: 1280px;
} 

 

 

 

 

 

Proszę o pomoc, pozdrawiam.

Edytowano Listopad 16, 2011 przez Najs (zobacz historię edycji)

[ToFFiK 33]

float: center

?

Edytowano Listopad 17, 2011 przez ToFFiK (zobacz historię edycji)

[regdos 1848]

Nie ma czegoś takiego jak float: center.

[ToFFiK 33]

Dobra, sorry, mój błąd,

http://thewebthought.blogspot.com/2011/06/css-float-center-yes-we-can-do-it.html

Ale może takim sposobem?

[regdos 1848]

Jeżeli to menu ma stałą i znaną szerokość a na to wygląda, to wystarczy dodać <div> zamykający wszystkie <a> i nadać mu szerokość całości menu i styl "margin: 0 auto".

 

Jeżeli robisz coś pod szerokość 1280 to nie rób szerokości elementów 1280 tylko mniejszą o maksymalną szerokość suwaka, który może się pojawić po prawej części strony jak strona będzie wyższa niż wysokość ekranu.

[Gość Najs]

Właśnie wróciłem i testuje.

 

Rozszerzanie strony ogarnąłem, paskom nadałem szerokość 1007px, zobaczcie czy u was się rozszerza strona.

 

Menu nadal nie umiem wyśrodkować, a zrobiłem jak napisałeś.

 

Ruszyłem menu z miejsca, sposób jednak działa