WinFuture-Forum.de: Navigation funktioniert nicht mehr - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Navigation funktioniert nicht mehr habe da seit "jahren" nix dran geändert

#1 Mitglied ist offline   Stefan_der_held 

  • Gruppe: Offizieller Support
  • Beiträge: 11.551
  • Beigetreten: 08. April 06
  • Reputation: 336

geschrieben 08. September 2011 - 18:11

Hallo Leute...

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 :unsure:

Kann mir mal jemand bitte helfen? :imao:

http://s-geschwind.de

Hier mal die Soll-Ist-Vergleiche:

Angehängtes Bild: SO_SOLLTE.png
Angehängtes Bild: FEHLER.png

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 :blink:

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">&Uuml;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&uuml;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

Eingefügtes Bild
0

Anzeige

#2 Mitglied ist offline   aeris 

  • Gruppe: aktive Mitglieder
  • Beiträge: 112
  • Beigetreten: 06. September 08
  • Reputation: 5

geschrieben 08. September 2011 - 19:27

main.css
.content {
	position:			relative;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		25px;
	height:				100%;
	overflow:			auto;
	white-space:		normal;
	}


Ändern auf
.content {
	position:			relative;
	padding-left:		5px;
	padding-right:		5px;
	margin-top:		25px;
	height:				100%;
	overflow:			auto;
	white-space:		normal;
	}


padding-top schiebt den Inhalt des divs hinunter, dadurch liegt das div trotzdem noch über der Navigation und macht es daher nicht klickbar.
margin-top schiebt das div selbst hinunter und gibt die Navigation frei.
2

#3 Mitglied ist offline   Stefan_der_held 

  • Gruppe: Offizieller Support
  • Beiträge: 11.551
  • Beigetreten: 08. April 06
  • Reputation: 336

geschrieben 08. September 2011 - 19:50

danke :smokin:

nur frage ich mich, wieso das bisweilen sonst in meiner variante funktioniert hat :unsure: egal welcher Browser :P (an dieser Stelle des CSS habe ich lange nix geändert).

Aber gut: nu funktionierts wieder
Eingefügtes Bild
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0