arbeite eben an meiner Website und schaue abschließend mit dem FF nach ob alles so läuft wie gewollt...
das Navigationsmenü oben funktioniert im FF/Crome nicht mehr... im IE ohne Murren... Ist doch nur n doofer Hover
Kann mir mal jemand bitte helfen?
http://s-geschwind.de
Hier mal die Soll-Ist-Vergleiche:
Da der Fehler über alle Seiten geht (geändert just nur includierte Inhalte der ersten und zweiten Seite) gehe ich von Fehlern in der INDEX.PHP oder der CSS-Datei aus - welche ich aber nicht ausfindig machen kann
Die Index.php hat folgenden Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Stefan Geschwind - IT Systemkaufmann - Systemanalytiker</title> <!-- Meta-Angaben HTML-allgemein --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="author" content="Stefan Geschwind"> <meta name="publisher" content="Stefan Geschwind"> <meta name="editor" content="Notepad++"> <!-- Meta-Angaben Suchmaschienen --> <!-- Such- und Anzeigeverhalten --> <meta name="robots" content="all"> <meta name="description" content="Stefan Geschwind - IT Systemkaufmann - Systenanalytiker"> <meta name="google-site-verification" content="ZENSIERT"> <!-- Sprach- unnd Keyword-Angaben --> <meta http-equiv="content-language" content="de"> <meta name="keywords" lang="de" content="Windows Profi, Problemlöser, Stefan Geschwind"> <!-- Meta Angaben - Browserspezifisch --> <!-- CSS-Files --> <link href="CSS/main.css" rel="stylesheet" type="text/css"> </head> <body> <div class="site"> <div class="header"> <img style="float:right" src="IMG/WEBSITE_TRANSPARENT.png" alt="Stefan Geschwind" longdesc="IT-Systemkaufmann, Systemanalytiker" title="Stefan Geschwind"> <a href="index.php?id=1" class="topnav">Hauptseite</a> <a href="index.php?id=2" class="topnav">Über mich</a> <a href="index.php?id=3" class="topnav">Kontakt</a> <a href="index.php?id=4" class="topnav">Impressum</a> <!--<a href="index.php?id=5" class="topnav">Nützliches</a> --> </div> <div class="content"> <!-- Laden der dymamischen Seiteninhalte --> <?php # ID-Verteilung siehe include/tpl/navigation #Variabel�bergabe - Vergabe erfolgt �ber "navigation" $id= $_GET["id"]; #Auswerten der Variabeln if($id =="") { include("INCLUDE/1"); } elseif ($id =="1") { include("INCLUDE/1"); } elseif ($id =="2") { include ("INCLUDE/2"); } elseif ($id =="3") { include ("INCLUDE/3"); } elseif ($id =="4") { include ("INCLUDE/4"); } else { include("INCLUDE/1"); } ?> </div> <div class="fooder" style="position:relative; top: 25px; font-size: 80%;">written and created by Stefan Geschwind Jul-2011<br> </div> </div> </body>
die CSS folgenden
body { background-color: #FFFFFF; color: #7A7A7A; font-family: verdana, arial; font-size: 14px; font-weight: bold; line-height: 1.5em; width: 900px; height: 100%; padding-top: 20px; padding-bottom: 20px; margin-top: auto; margin-bottom: auto; margin-right: auto; margin-left: auto; } .site { background-color: #FFFCF5; width: 780px; height: 90%; } .header { background-image: url(../IMG/HEADER.jpg); height: 200px; position: relative; } .content { position: relative; padding-left: 5px; padding-right: 5px; padding-top: 25px; height: 100%; overflow: auto; white-space: normal; } .fooder { position: relative; text-align: center; } .topnav{ position: absolute; background-color: #FFFCF5; text-align: center; float: left; width: 137px; position: relative; padding-left: 2px; padding-right: 2px; top: 200px; border: solid 1px; } .topnav:hover, .topnav a:active, .topnav a:hover , .topnav a:focus{ letter-spacing: 2px; background-color: #3D342B; color: #FFFCF5; text-decoration: none; -webkit-box-shadow: 5px 5px 10px #909090; -moz-box-shadow: 5px 5px 10px #909090; box-shadow: 5px 5px 10px #909090; } a:link, a:visited{ text-decoration: none; color: #3D342B; } .tooltip { min-width: 10px; max-width: 100px; min-height: 1em; max-height: 2em; overflow: hidden; position: relative; top: -2em; background-color: #3D342B; color: #FFFCF5; border: solid 1px; } h1 { color: #6A6A6A; } h2 { color: #BFCB2D; } h3 { color: #BFCB2D; } h4 { color: #BFCB2D; } h5 { color: #BFCB2D; } .boxDreierVolleHoehe { padding-left: 8px; width: 248px; height: 100%; position: relative; float: left; } .boxDreierVolleHoehe:hover, .boxDualVolleHoehe:hover { background-color: #FFFDD5; } .boxDualVolleHoehe { padding-left: 8px; width: 377px; height: 100%; position: relative; float: left; }
Dieser Beitrag wurde von Stefan_der_held bearbeitet: 08. September 2011 - 19:25