✔ Horizontale unordered list wird nicht korrekt dargestellt

Status
Nicht offen für weitere Antworten.
G

gnuisnotunix

Mitglied
Hallo Zusammen,

ich habe folgendes Problem und finde keine Lösung.

Mein Ziel ist es eine <ul> waagrecht darzustellen. Mit Firefox, Opera, Chrome funktioniert das Ganze. Lediglich der IE (hier Version 7) stellt die Liste vertikal und ohne sämtliche über css definierte Eigenschaften dar.

Woran kann das liegen, bzw. was kann ich dagegen tun ?

Hier meine CSS Angabe:

Code: 
.monatsauswahl
	{
	text-align:center;
	background:url(../icons/pro_15_0.gif); 
	background-repeat:repeat-x;
	height:23px;
	border:1px solid;
	width:90%;
	padding-left:5px;
	padding-right:5px;
	padding-top:7px;
	}

.monatsauswahl li
	{
	list-style-type:none;
	display:inline;
	padding-right:15px;
	font-size:12px;
	}
	
.monatsauswahl li a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.monatsauswahl li a:hover
	{
	color:#000000;
	text-decoration:underline;
	}

Die Liste selbst enthält in jeden <li> Eintrag Links, falls das für jemanden wichtig sein sollte.

Hoffe ihr könnt mir helfen
 
hmm das ist ja seltsam, bei mir zeigt der IE das ohne eine CSS Eigenschaft an, d.h. vertikal, mit den hässlichen Punkten als List-Style-Type sowie die Links mit Standrad Blau und unterstrichen.

Was kann ich denn noch tun ?
 
Wie lautet denn der HTML-Code der Seite, und wie wird das Stylesheet in das Dokument eingebunden?

mfg Maik
 
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My Site</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/struktur.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/submenu.css" />
</head>

und hier die Browserausgabe in Quellcode Ansicht

HTML: 
<ul class="monatsauswahl">
	<li><a href="ausgabe.php?monat=1"><b>Januar</b></a></li>
	<li><a href="ausgabe.php?monat=2"><b>Februar</b></a></li>
	<li><a href="ausgabe.php?monat=3"><b>Maerz</b></a></li>
	<li><a href="ausgabe.php?monat=4"><b>April</b></a></li>
	<li><a href="ausgabe.php?monat=5"><b>Mai</b></a></li>
	<li><a href="ausgabe.php?monat=6"><b>Juni</b></a></li>
	<li><a href="ausgabe.php?monat=7"><b>Juli</b></a></li>
	<li><a href="ausgabe.php?monat=8"><b>August</b></a></li>
	<li><a href="ausgabe.php?monat=9"><b>September</b></a></li>
	<li><a href="ausgabe.php?monat=10"><b>Oktober</b></a></li>
	<li><a href="ausgabe.php?monat=11"><b>November</b></a></li>
	<li><a href="ausgabe.php?monat=12"><b>Dezember</b></a></li>
</ul>
 
Zumindest erstmal die, in der obiges Stylesheet enthalten ist.

Ein Link zur Seite hilft da aber auch weiter.

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück