Anzeigefehler bei IE / Buttonhighlighting mit css
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abschneiden
aufruf
ausprobieren
blocken
button
code
display
einbindung
galerie
http
image
index
liegen
list
opus
produktion
safari
text
umsetzen
url
-
also ich weis nicht was los ist, wenn ich meine Seite mit Firefox aufrufe funktioniert das buttonhighlighting wie geschmiert nur mit IE hackt es und er weill meinen css- sowie auch html code nicht umsetzen ....
für safari und opera hab ich es noch nicht probiert ,dafür mit IE und Firefox auf 3 verschiedenen Pcs und jedesmal versagt die microsoft-produktion ..
hier die seite falls wer selber ausprobieren will
habe meine buttons in einer <ul> und die referenzierung (geht bei ie auch nicht) in einem <a> tag
hier die list:
<div id="menu"> <ul> <li <?php if($_GET["site"] == "" or $_GET["site"] == "olds"){echo "class=\"current\"";} ?> <a href="?site=olds">News</a></li> <li <?php if($_GET["site"] == "gallery"){echo "class=\"current\"";} ?> <a href="?site=gallery">Galerie</a></li> <li <?php if($_GET["site"] == "projects"){echo "class=\"current\"";} ?> <a href="?site=projects">Projekte</a></li> <li <?php if($_GET["site"] == "kontakt"){echo "class=\"current\"";} ?> <a href="?site=kontakt">Kontakt</a></li> <li <?php if($_GET["site"] == "impressum"){echo "class=\"current\"";} ?> <a href="?site=impressum">Impressum</a></li> </ul> </div>
und hier der passende css- abschnitt:
/* Menu */ #menu { width: 901px; height: 46px; margin: 0 auto; background: #F6F6F6 url(images/img02.png) no-repeat; } #menu ul { margin: 0; padding: 4px 0 0 2px; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; height: 30px; padding: 12px 66px 0 65px; text-decoration: none; font-weight: bold; color: #ffffff; background: url(images/img06.png) repeat-x; } #menu a:hover { text-decoration: underline; color: #b5f028; background: url(images/img10.png) repeat-x; } #menu .current a { background: url(images/img10.png) repeat-x; }
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
qunfolio schrieb:
also ich weis nicht was los ist, wenn ich meine Seite mit Firefox aufrufe funktioniert das buttonhighlighting wie geschmiert nur mit IE hackt es und er weill meinen css- sowie auch html code nicht umsetzen ....
für safari und opera hab ich es noch nicht probiert ,dafür mit IE und Firefox auf 3 verschiedenen Pcs und jedesmal versagt die microsoft-produktion ..
hier die seite falls wer selber ausprobieren will
(...)
Also ich habe Deine Seite mit Opera 9, Windows 5 und dem AktuelleM Firefox getestet.
Im IE und Opera sind die Buttons nicht vorhanden, im Firefox klappt es.
Bei Deinem Beispiel funktioniert es allerdinga mit allen 3 Browsern
Der Fehler muss also irgendwo anders auf Deiner Seite liegen -
naja also vielmehr als den head gibts zumindest in der Index.php nicht,
aber könnte es vielleicht in der einbindung des Stylesheets liegen? ich leg mal n bissl code nach ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta name="robots" content="INDEX,FOLLOW"> <meta http-equiv="content-language" content="Deutsch"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Qunfolio</title> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> <LINK REL="SHORTCUT ICON" HREF="images/favicon.ico"> </head>
-
Looool
Ok, die erklärung ist mal wieder ganz einfach...
Du hast bei den <li> -tags das > vergessen...
so long
Beitrag zuletzt geändert: 9.2.2010 20:30:48 von simuliertes -
.. ja danke jetzt gehts, aber noch ne andere frage,
wie mach ich , dass sich die 5 <li>'s praktisch eine zeile genau aufteilen bzw jeder genau 20% hat ? da bin ich nämlich grad am rätseln... -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage