Navigation im IE6 wird vertikal statt horizontal angezeigt - ab IE7, FF, Op, Sa funkt @ tutorials.de: Tutorials, Forum & Hilfe

dwex · 11.05.11 08:32

Hallo Leute,

ich stehe wieder mal vor einem für mich vollkommen unlösbaren Problem.

Ich habe eine Navigation welche in allen Browsern ausser dem "berühmten" IE6 korrekt angezeigt wird. (siehe Bilder - die horizontale Navigation ist die richtige - das fehlerhafte PNG im IE6 ignoeriere ich)

Der HTML-Quellcode (Ausschnitt) ist folgender:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
...
...
<div id="topnav">
		<div id="topnavigation">
			<ul class="menu-top">
				<li class="menu-sibling menu-first">
					<a href="./index.php" target="_top">Home</a>
				</li>
				<li class="menu-sibling">
					<a href="./impressum.php" target="_top">Impressum</a>
				</li>
				<li class="menu-current">
					<a href="./kontakt.php" target="_top">Kontakt</a>
				</li>
				<li class="menu-sibling">
					<a href="./was-machen-wir.php" target="_top">Was machen wir</a>
				</li>
				<li class="menu-sibling">
					<a href="./galerie.php" target="_top">Galerie</a>
				</li>
				<li class="menu-sibling menu-last">
					<a href="./referenzen.php" target="_top">Referenzen</a>
				</li>
			</ul>
		</div>
</div>

Das CSS dazu Sie so aus:

Code css:

#topnav {
    background-image:url(./images/bg_nav_oben.jpg);
    height: 29px;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid rgb(70,75,81);
}
 
#topnavigation {
    margin: 0px 20px 0px 0px;
    position:relative;
    top: 0px;
}
 
#topnavigation ul {
    padding: 0px;
    margin: 0px;
}
 
#topnavigation li {
    list-style-type: none;
    float:left;
 
}
 
#topnavigation a:link, #topnavigation a:visited, #topnavigation a:active {
    padding: 7px 40px 0px 20px;
/*  text-shadow: #c0c0c0 2px 2px 3px;*/
    display: block;
    color: gray;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    /*background-color:yellow;*/
    background-image:url(./images/bg_strich_nav_oben.png);
    background-repeat: repeat-y;
    background-position: right bottom;
    height: 21px;
}
#topnavigation a:hover {
    color:rgb(54,93,148);
    /*text-shadow: #c0c0c0 2px 2px 3px;*/
    text-decoration: none;
    font-weight: bold;
}
 
 
#topnavigation ul li.menu-current a:link,
#topnavigation ul li.menu-current a:visited {
color:rgb(54,93,148);
}

Wahrscheinlich muss ich für den IE6 eine eigene CSS einbinden - das hätte ich versucht aber ich bekomme das einfach nicht hin.

Ich würde mich sehr freuen wenn mir jemand helfen könnte was ich falsch mache.
Vielen Dank für eure Hilfe im voraus!

dwex · 12.05.11 11:18

Hat denn keiner eine Idee****?
Bitte um Hilfe!

Maniac · 13.05.11 15:39

Vergib doch mal eine feste Breite für die Listen-Elemente, eventuell noch als "inline" deklarieren.

dwex · 13.05.11 16:01

Ein Traum - vielen vielen Dank - das wars!

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Ausgabe von Datensätzen als Tabelle, Ausgabe horizontal statt vertikal

PDF-Datei wird im Browser statt mit 100% mit 154% angezeigt!

geladene Textdatei: statt Leezeichen wird %20 angezeigt?

MySQL Abfrageergebnisse vertikal statt horizontal anzeigen

Platzhalter statt Bild aus der mysql db wird angezeigt

E-Mail:

Abonnieren Abbestellen