Rozjeżdżający się top


(Lion7942) #1

http://www.nesquiktest1.yoyo.pl/

Mam problem, bo po przytrzymaniu ctrl i pojeżdżeniu scrollem (na myszce) top się rozjeżdża. Nie mogę tego poprawić... Ma byc stale po srodku. Tutaj mam kod:

css

#site {

height: 105px;

top: -1px;

text-align:center;

margin:0px;

padding:0px;

width: 920px;


}

#top1 {

repeat: no-repeat;

left: 450px;

position: absolute;

top: 0px;

z-index: 2;

}


#menu1 {

repeat: no-repeat;

right: 450px;

position: absolute;

top: 39px;

z-index: 3;

}

lolcos
Tekst alternatywny Tekst alternatywny kon.gif


(Jacek705) #2

to dlatego, że podajesz position:absolute; i bezwzględny odstęp od lewej i prawej strony.

Poza tym jeśli używasz position: absolute; Twoje menu chowa sie pod reklamami


(Lion7942) #3

niby już rozwiązało problem

powstał nowy, bo obydwa elementy trzeba uchwycić w jednym divie (site), ustawić po środku i je skierować na boki. Jakie to by były dwe komendy w cssie?


(Jacek705) #4

nie wiem czy dobrze rozumiem o co ci chodzi.

dla diva nadrzędnego:

margin: 0 auto;

dla podrzędnego lewego:

float: left;

dla podrzędnego prawego:

float:right;

(Lion7942) #5
margin: 0 auto;

nie ustawia mi diva #site po środku przez co całość wygląda tak:http://www.nesquiktest1.yoyo.pl/to "tak" hosting dodaje...

#site {

height: 105px;

top: -1px;

text-align:center;

position: absolute;

margin: 0 auto;

padding:0px;

width: 920px;


}

#top1 {

repeat: no-repeat;

top: 0px;

z-index: 2;

float: left;

}


#menu1 {

repeat: no-repeat;

top: 39px;

z-index: 3;

float:right;

}

(Jacek705) #6

usuń position:absolute; w #site


(Lion7942) #7

dzięki :wink:


(Kpc21) #8

Tak poza tym, dodaj pomiędzy

, a linię:

<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> [/code]

i ustaw w swoim edytorze kodowanie UTF-8 (Unicode).

A jeśli piszesz w Notatniku, zainstaluj jakiś edytor np. kED.

Bo bez tego, na stronie niepoprawnie wyświetlają się polskie znaki.