Habe heute versucht die Webseite mithilfe von Microsoft Expression im Internet Explorer 6 zu begutachten und die Navigation war total zerschossen.
Da mein Vorgänger diese eingebaut habe und meine CSS / Html Kenntnisse für das meiste zwar reichen, aber auch nicht überragend sind, habe ich echt keine Ahnung wo ich anfangen soll nach einem Fehler zu suchen.
Vielleicht hat ja einer von euch einen Lösungsvorschlag, würde mir enorm helfen!
Die Site: craco.de
Screenshot des Fehlers:
Navigations Stylesheet:
Code:
/* Style sheet navigation */
#rahmen{width:660px;margin:auto;}
.box{width:210px;height:150px;float:left;text-align:center;background:url(http://craco.de/tl_files/CRACO/elemente/start-navi-leiste.jpg);margin: 5px;}
.box:hover{background:url(http://craco.de/tl_files/CRACO/elemente/start-navi-leiste2.jpg);}
.box-leer{width:210px;height:150px;float:left;text-align:center;margin: 5px;}
.ibox{width:210px;height:25px;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:18px;color:#FFFFFF;}
.schrift-box{width:210px;height:150px;float:left;text-align:center;background-color:#ffffff;margin: 5px;color:#00925b;font-size:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.bild{width:210px;height:125px;position:relative;text-align:center;background-color:#333333;display:block;border:0;}
#nav{width:948px;height:22px;bottom:0px;left:0px;right:0px;top:120px;position:absolute;overflow:visible;background-image:url("tl_files/css/bilder/nav.gif");background-repeat:repeat-x;border:1px solid #a2e6cd;z-index:999;}
#nav ul{margin:0;padding:0;list-style-type:none;}
#nav li{float:left;z-index:100;}
#nav table{left:-1px;top:20px;position:absolute;border-collapse:collapse;z-index:80;}
#nav a,#nav p{width:150px;display:block;margin:0 1px 0 0;padding:3px 0 4px 0;text-align:center;font-weight:bold;text-decoration:none;font-size:12px;color:#ffffff;}
#nav a:hover,#nav li:hover{background-color:#2aa476;}
#nav ul ul{width:115px;position:absolute;visibility:hidden;}
#nav ul li:hover ul,#nav ul a:hover ul{visibility:visible;}
#nav .level_2 li{background-color:#00925b;}
#nav p{background-color:#26976d;}
Vielen Dank schonmal =)
Lesezeichen