Skocz do zawartości

Polecane posty

Napisalem od nowa menu w css3 i jest problem

 

gdy podgladam plik na komputerze to i pod FF i pod IE wszystko dziala prawidlowo

 

po wrzuceniu skryptu na serwer do IP.C pod IE znow nie dziala

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>

	
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta name="author" content="Duke_">
		<meta name="copyright" content="IMercedes AMG F1">
		<title>Menu</title>
		<style type="text/css" media="all">

		/* Main */
body {background: url("http://www.mercedes-amg-f1.pl/img/layout/bg_main4.jpg") no-repeat scroll center top #9F9F9F;}
		
#nav_outer {
    border-top: 1px solid #414141;
    box-shadow: 0 3px 5px #000000;
    margin: 60px 0px;
    width: 100%; 
    background: -moz-linear-gradient(center top , #2D2D2D 0px, #212121 100%) repeat scroll 0 0 #2d2d2d;
    background: -ms-linear-gradient(#2D2D2D, #212121) #2D2D2D;
    padding: 0;
}


#menu{
    list-style: none;
    color: #989898;
    display: block;
    font: bold 1.2em 'Cuprum',sans-serif;
    width: 966px;
    position: relative;
    margin: 0 370px;
}

#menu li{
	float: left;
	padding: 1px;
	position: relative;
}

#menu a{
	float: left;
	padding: 13px 27px;
	color: #999;
	font: bold 13px/25px Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
	background: -moz-linear-gradient(center top , #5C5C5C 0px, #383838 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(#5c5c5c, #383838);
	color: #00f0fa;
        border-top: 1px solid #707070;
        
}

*html #menu li a:hover{ /* IE6 */
	color: #fafafa;
}

#menu li:hover > ul{
	display: block;
}

/* Sub-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 53px;
    left: 50px;
    z-index: 99999;    
    background: #444;
    background: -moz-linear-gradient(center top , #5C5C5C 0px, #383838 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111);	
    background: -ms-linear-gradient(#444, #111);	
    background: linear-gradient(#444, #111);	

}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}

#menu ul a:hover{
		background: -moz-linear-gradient(center top , #5C5C5C 0px, #383838 100%) repeat scroll 0 0 transparent;
}



/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: px;
}


* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */



		

		</style>
	</head>
	<body>
<div id="nav_outer" class="nav_back">	
<ul id="menu">
	<li><a href="#">News</a></li>
	<li>
		<a href="#">Mercedes GP</a>
		<ul>
			<li><a href="#">Team Mercedes GP</a></li>
			<li><a href="#">Bolid F1</a></li>
			<li><a href="#">Punktacja</a></li>
			<li><a href="#">Video</a></li>
			<li><a href="#">Galeria</a></li>
		</ul>
	</li>
	<li><a href="#">Kierowcy</a>
		<ul>
	  	<li><a href="#">Nico rosberg</a></li>
		  <li><a href="#">Lewis Hamilton</a></li>
	  </ul>
	</li>	
	<li><a href="#">Forum</a></li>
	<li><a href="#">Kontakt</a></li>
</ul>
</div>		
	</body>
	</html>

Czy jest roznica w dzialaniu przegladarki pod web i localu ?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Nie ma różnicy, ale może być jedna drobna różnica... IP.C może dodawać jakieś dodatkowe css'y, które sprawiają że coś nie działa. Może być też jakiś cache albo coś

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Znając IE to pewnie to jest problemem:

#menu li:hover > ul

Najpierw spróbuj dać coś takiego:

#menu li:hover ul

Jeśli to nic nie da to będziemy kombinować

 

 

obawiam się że problemem może być li:hover.... trzeba by poczytać o CSS3 i IE jak to obejść ...

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

ta opcja odpada bo wtedy zaczyna nawet FF zle dzialac a w IE nie ma zadnych efektow

 

nie jestem do konca przekonany czy problemem jest li:hover bo na localu dziala

 

sprobuje jezcze wrzucic plik tylko z menu na serwer i zobaczyc jaka bedzie reakcja

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Tak najlepiej, jeśli tak będzie to oznacza, że coś z innego szablonu psuje

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

i wyprobowalem i działa bezproblemowo a wiec cos z IP.C robi konflikt dla IE

 

http://mercedes-amg-f1.pl/menu.html

 

teraz będzie szukanie co

 

jeszcze się okaze ze stara wersja menu tez była dobra tylko IE sobie nie radzil z tym

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Szukaj jakiś deklaracji dla ul, czy coś, może któraś z nich

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.