Hilfe
Neues Thema
Antworten
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
Nach oben
(an dieser Stelle des CSS habe ich lange nix geändert).
