problem z menu przesuwa się w dół Opcje

[nikestylex7]

Po kliknięciu w odnośnik menu przesuwa sie w dół. Oto screeny i kody.Jak temu zaradzić ?

[PHP] pobierz, plaintext 
<div id="gora" >
	<div id="menu" >
		<ul>
			<li class="active"><a href="index.php" target="_top"><?php echo LANG_MENU_HOME; ?></a></li>
			<li><a href="http://forum.thestreetrace.com" target="_top"><?php echo LANG_MENU_FORUM; ?></a></li>
			<li><a href="profil.php" target="_top" ><?php echo LANG_MENU_PROFIL; ?></a></li>
			<li><a href="pomoc.php" target="_top" ><?php echo LANG_MENU_HELP; ?></a></li>
			<li><a href="kontakt.php" target="_top" ><?php echo LANG_MENU_CONTACT; ?></a></li>
			<li><a href="ranking.php" target="_top" ><?php echo LANG_MENU_RANKING; ?></a></li>
			<li><a href="pozyczka.php" target="_top" ><?php echo LANG_MENU_PREMIUM; ?></a></li>
			<li><?php
	if(isSet($_SESSION['alamakotaaaa'])){
	echo '<a href="wyloguj.php" target="_top">'.LANG_MENU_LOGOUT.'</a>';
			}	
	else{
	echo '<a href="rejestracja.php" target="_top">'.LANG_MENU_REGISTRATION.'</a>';
			}
?></li>
			</ul>
	</div>
</div>
[PHP] pobierz, plaintext 

#gora {
height: 37px;
background: url(images/image_menu.gif) repeat-x;

}

#menu {
width: 700px;
height: 27px;
margin: 0 auto;
align:center;
}

#menu ul {

padding: 7px 0 0 0;
list-style: none;
}
#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 25px;
margin: 0 5px 0 0;
padding: 2px 15px 0 15px;
background: url(images/image_menu2.gif) repeat-x;
border: 1px solid #222222;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
background-image: url(images/przyciski.gif);
text-decoration: none;
}

#menu .active a {
background-image: url(images/glowny.gif);
}

[IceManSpy]

Pod FireFox'em jest ok. Nic się nie przesuwa.

[Fifi209]

Pod FireFox'em jest ok. Nic się nie przesuwa.

Chciałbym poznać sposób w jaki udało Ci się to przetestować skoro nie podał linka do swojej strony.

@topic
Jak są ładowane strony? Daj więcej kodu.

[Damonsson]

Pod Operą, na początku to menu jest niżej, a po hover wraca na swoje miejsce i już tam pozostaje niezależnie co się kliknie. Pod FF wszystko ok tak jak kolega niżej (edit: wyżej) napisał.

@fifi209 jesteśmy super haxiorami
http://forum.thestreetrace.com/

Ten post edytował Damonsson 1.08.2010, 12:37:13

[vokiel]

Ja bym to poprawił na taki:

[CSS] pobierz, plaintext 
#menu {
    height:37px;
    margin:0 auto;
    overflow:hidden;
    width:700px;
}
#menu ul {
    height:35px;
    list-style:none outside none;
    margin:8px 0px 0px 0px;
    overflow:auto;
    padding:0px;
}
#menu li {
    float:left;
    padding:1px;
}
#menu a {
    background:url("images/image_menu2.gif") repeat-x scroll 0 0 transparent;
    border:1px solid #222222;
    color:#FFFFFF;
    display:block;
    float:left;
    font-size:9px;
    font-weight:bold;
    height:25px;
    margin:0px 5px 0px 0px;
    padding:2px 15px;
    text-align:center;
}
[CSS] pobierz, plaintext 

[nikestylex7]

Skopiowałem twój kod wszystko gitarka nic się nie obniża lecz wyskoczył mi teraz pasek przewijania.

[vokiel]

U mnie w ff było ok. Może tak (bez definiowania wysokości, i tak się rozciągnie wg dziecka):

[CSS] pobierz, plaintext 
#menu ul {
    list-style:none outside none;
    margin:8px 0px 0px 0px;
    overflow:auto;
    padding:0px;
}
[CSS] pobierz, plaintext 

[nikestylex7]

Dzięki vokiel pomogłeś