Pagina de start a forumului Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc
Comunitatea PHP Romania
 

CSS nefunctional in IE7
Vezi mesajul original

 
       Pagina de start a forumului Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc -> HTML/JavaScript/CSS
Subiectul anterior :: Subiectul următor  
Autor Mesaj
Meltdown



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

Trimis: Mie Aug 06, 2008 5:51 pm    Titlul subiectului: CSS nefunctional in IE7  

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<span>&raquo;</span></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<span>&raquo;</span></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.<span>&raquo;</span></a></li>
         <li><a href="" title="E.A.M." target="_self" >E.A.M.<span>&raquo;</span></a></li>
         <li><a href="" title="ECONOMIE" target="_self" >ECONOMIE<span>&raquo;</span></a></li>
         <li><a href="" title="FINANTE" target="_self" >FINANTE<span>&raquo;</span></a></li>
         <li><a href="" title="MANAGEMENT" target="_self" >MANAGEMENT<span>&raquo;</span></a></li>
         <li><a href="" title="MARKETING" target="_self" >MARKETING<span>&raquo;</span></a></li>
         <li><a href="" title="R.E.I." target="_self" >R.E.I.<span>&raquo;</span></a></li>
         <li><a href="" title="S.E.L.S" target="" >S.E.L.S.<span>&raquo;</span></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; }
Sus  
crivion



Data înscrierii: 10/Apr/2007
Mesaje: 669
Locație: Somewhere

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
Sus  
cornel



Data înscrierii: 05/Aug/2008
Mesaje: 35
Locație: craiova

Trimis: Mar Aug 12, 2008 2:37 pm    Titlul subiectului: regula  

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
Sus  
gogu19



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

Trimis: Sâm Aug 16, 2008 6:02 pm    Titlul subiectului:  

IE nu stie sa interpreteze CSS la fel de bine ca Mozilla
Sus  
PHPRomania Bot
Bot Member


Data înscrierii: 27/Dec/2007
Mesaje: 1
Locaţie: Server Google
Trimis: Mie Dec 26, 2007 7:01 pm   Titlul subiectului: Ad  

Sus  
 
       Pagina de start a forumului Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc -> HTML/JavaScript/CSS
Pagina 1 din 1


Powered by phpBB 2.0.22 © 2001, 2002 phpBB Group
Varianta în limba română: Romanian phpBB online community