Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

Meltdown · Data înscrierii: 03/Iun/2007 Mesaje: 5

Salut.

Am un menu care se foloseste de CSS.
Problema este ca in IE nu functioneaza corect, dar in Firefox nu am nici o problema.

Aici este linkul: www aselearning.ro/display_profi.php

Cod: <html>
<head>
<link rel="stylesheet" type="text/css" href="/css/menu_style.css" />
</head>
<body>
<div id="container">
<ul id="navigation-1">
<li><a href="display_profi.php" title="Home" target="_self" >Home</a>
</li>
<li><a href="display_profi.php" title="Vezi profesori" target="_self" >Vezi profesori</a>
<ul class="navigation-2">
<li><a href="" title="C.S.I.E" target="_self" >C.S.I.E»</a>
 <ul class="navigation-3">
 <li><a href="#" title="CIBERNETICA ECONOMICA">CIBERNETICA ECONOMICA</a></li>
 <li><a href="#" title="MATEMATICA">MATEMATICA</a></li>
<li><a href="#" title="INFORMATICA ECONOMICA">INFORMATICA ECONOMICA</a></li>
<li><a href="#" title="STATISTICA SI ECONOMETRIE">STATISTICA SI ECONOMETRIE</a></li>
 </ul></li>
<li><a href="" title="COMERT" target="_self" >COMERT»</a>
 <ul class="navigation-3">
 <li><a href="#" title="MERCEOLOGIE">MERCEOLOGIE</a></li>
 <li><a href="#" title="TURISM SERVICII">TURISM SERVICII</a></li>
<li><a href="#" title="COMERT">COMERT</a></li>
</ul>
</li>
<li><a href="" title="C.I.G." target="_self" >C.I.G.»</a></li>
<li><a href="" title="E.A.M." target="_self" >E.A.M.»</a></li>
<li><a href="" title="ECONOMIE" target="_self" >ECONOMIE»</a></li>
<li><a href="" title="FINANTE" target="_self" >FINANTE»</a></li>
<li><a href="" title="MANAGEMENT" target="_self" >MANAGEMENT»</a></li>
<li><a href="" title="MARKETING" target="_self" >MARKETING»</a></li>
<li><a href="" title="R.E.I." target="_self" >R.E.I.»</a></li>
<li><a href="" title="S.E.L.S" target="" >S.E.L.S.»</a></li>
<li><a href="" title="PROFESORI CONSULTANTI" target="" >PROF. CONSULTANTI</a></li>
<li><a href="" title="EDUCATIE FIZICA SI SPORT" target="" >ED. FIZICA SI SPORT</a></li>
<li><a href="" title="PREGATIRE PERSONAL DIDACTIC" target="" >PREG. PERS. DIDACTIC</a></li>
</ul>
</li>
</ul>
</div>
</body>

</html>

si CSS-ul:
Cod:

div#container
{ width:900px; position:absolute; left:40%; margin:0 -380px; background:#ffffff; border:5px solid #b9121b; height:550px; }

h1
{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }
p { margin:0; padding:1.2em; }
p a:link,
p a:visited,
p a:hover,
p a:active
{ font-weight:bold; color:#b9121b; }

ul#navigation-1
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }

ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:146px; clear:left; width:146px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; width:190px;}
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
{ display:block; text-align:left; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
{ background:#b9121b; text-align:left; text-indent:5px; width:190px; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
{ background:#ec454e; text-align:left; text-indent:5px; width:190px; }
ul#navigation-1 li ul.navigation-2 li a span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }

crivion · Trimis: Mie Aug 06, 2008 8:27 pm Titlul subiectului:

man, nici chiar in halu asta, eu unu nu as citi atata text doar ca sa te ajut pe tine, mai schimba ca vad ca ai postat de mult si nu ai primit niciun ajutor

cornel · Data înscrierii: 05/Aug/2008 Mesaje: 35 Locaţie: craiova

cand construiesti un script in HTML,CSS sau JavaScript, e o idee buna sa incerci sa deschizi ambele browsere si sa vezi unde apare problema.
cat despre problema ta, cauta pe dynamicdrive.com gasesti acolo cate vrei

gogu19 · Data înscrierii: 02/Ian/2008 Mesaje: 206

IE nu stie sa interpreteze CSS la fel de bine ca Mozilla

PHPRomania Bot · Mie Dec 26, 2007 7:01 pm