Huhu allerseits,
ich bin derzeit dabei eine Webseite zuerstellen und habe Probleme mit der Darstellung im IE :evil:
Mit Opera und Firefox habe ich es bereits getestet dort wird alles so dargestellt wie es sein soll.
Hier mal ein Bild, auf welchem man mein Problem sehr gut erkennen kann:
Wie man sehen kann ist die Menüleiste linksbündig, diese soll allerdings mittig dargstellt werden.(Opera und FF funzt es)
Hier der entsprechende Code:
seitendesign.php (ist quasi das Standard Design/Layout von jeder meiner Seite)
Die Css-Datei design.css
Das Logo oben zeigt der IE korrekt mittig an. Deswegen gehe ich davon aus, dass ich beim Menü iwas falsch mache in der CSS-Datei.
Wäre echt klasse, wenn ihr mir helfen könntet :)
Vielen Dank
Char
ich bin derzeit dabei eine Webseite zuerstellen und habe Probleme mit der Darstellung im IE :evil:
Mit Opera und Firefox habe ich es bereits getestet dort wird alles so dargestellt wie es sein soll.
Hier mal ein Bild, auf welchem man mein Problem sehr gut erkennen kann:
Wie man sehen kann ist die Menüleiste linksbündig, diese soll allerdings mittig dargstellt werden.(Opera und FF funzt es)
Hier der entsprechende Code:
seitendesign.php (ist quasi das Standard Design/Layout von jeder meiner Seite)
HTML:
<!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" xml:lang="de" lang="de">
<head>
<title></title>
<link rel="stylesheet" href="design.css" type="text/css">
</head>
<body>
<div align="center" id="logo"><img src="lay.jpg"/></div>
<!--menü-->
<div align="center" id="menue">
<ul>
<li><a href="index.php" >Startseite</a></li>
<li><a href="manuelle-abfrage.php" >Manuelle Eingabe</a></li>
<li><a href="datei-upload.php" >Datei hochladen</a></li>
<li><a href="manuell-aktu.php" >URLs aktualisieren</a></li>
<li><a href="auto-abfrage.php" >Automatisierte Abfrage</a></li>
<li><a href="statistik-html.php" >Statistik</a></li>
</ul>
</div>
<!--ende menü-->
</body>
</html>Die Css-Datei design.css
Code:
#logo {
margin-top:0px;
}
#menue a, #menue a:visited , #menue a:active {
display: table-cell;
color:#AFAFAF;
text-decoration:none ;
font-size: 14px;
font-family:arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 0px; padding-right: 0px;padding-bottom: 0px; padding-top:0px;
line-height:56px;
height:56px;
width:166px;
text-align:center;
background-image:url(images/button.jpg);
background-repeat:repeat-x;
}
#menue a:hover {
color:#fff;
background:transparent;
text-decoration:overline ;
background-image:url(images/button2.jpg);
background-repeat:repeat-x;
}
#menue ul {
list-style-type: table-cell;
margin: 0px;
padding: 0px;
}
#menue li {
display: table-cell;
}
#menue{
min-width:850px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
}Das Logo oben zeigt der IE korrekt mittig an. Deswegen gehe ich davon aus, dass ich beim Menü iwas falsch mache in der CSS-Datei.
Wäre echt klasse, wenn ihr mir helfen könntet :)
Vielen Dank
Char
Anhänge
Zuletzt bearbeitet: