Ich habe das Problem, dass der Internet Explorer die Seite nicht richtig darstellen will.
Alle anderen Browser schon.
Und zwar ist der Content (main) nicht in der Mitte von Navi links und Navi rechts, sondern genau unten drunter.
Ich habe mir die CSS genau angeschaut, aber finde keine Fehler. margin und padding habe ich auch rumgespielt.
Firefox, so wie es aussehen soll:
http://img163.imageshack.us/img163/385/57097006.jpg
Internet Explorer:
http://img260.imageshack.us/img260/8779/72593554.jpg
Hier meine CSS:
[PHP]body {
padding:0;
margin:0;
color:#000000;
font-family: verdana, tahoma, sans-serif;
font-size: 13px;
background-color: #6DBFFB;
background-image: url(/img/hintergrundicon.jpg);
background-repeat: x-repeat;
}
a {
text-decoration:none;
background-color:inherit;
font-weight:bold;
color:#286ea0;
}
a:hover {
background-color:inherit;
text-decoration:underline;
color:#303030;
}
h1 {
margin:5px 0 6px 0;
font-size:18px;
letter-spacing:1px;
font-weight:bold;
line-height:50px;
text-align:center;
background:#ffffff url(img/h1.jpg) center no-repeat;
}
h2 {
margin:5px 0 6px 0;
font-size:18px;
letter-spacing:1px;
font-weight:bold;
line-height:50px;
text-align:center;
}
h3 {
font-size:15px;
font-weight:bold;
text-align:center;
}
hr {
border:0;
border-top:solid 3px #6DBFFB;
}
p {
line-height:18px;
}
p2 {
line-height:16px;
}
right {
text-align:right;
}
table td {
padding:3px;
}
#title {
width:945px;
height:126px;
margin-top:8px;
margin-right: auto;
margin-left: auto;
border:4px solid #ffffff;
}
#container {
margin:4px auto 8px auto;
width:950px;
padding:5px;
position:relative;
background:#ffffff url(/img/unten-rechts.jpg) bottom left no-repeat;
color:#000000;
border:10px solid #000000;
}
#werbung {
color:000000;
width:120px;
border:0px #000000 solid;
height:600px;
margin-top:5px;
margin-left:0;
margin-right:0;
text-align:center;
float:right;
}
#werbung2 {
background-color:#FFF;
color:000000;
width:120px;
border:4px #000000 solid;
height:auto;
position:absolute;
right:975px;
margin-left:0;
margin-right:0;
float:right;
top:-5px;
text-align:center;
}
#release {
background:#ffffff;
color:000000;
border:0;
position:absolute;
left:975px;
top:-5px;
float:right;
width:auto;
text-align:center;
border:4px #000000 solid;
hight:auto;
}
#sidebar {
float:left;
width:100px;
text-align:center;
margin-top:5px;
margin-left:0;
margin-right:0;
}
#sidebar3 {
float:left;
width:120px;
text-align:center;
margin-top:5px;
margin-left:0;
margin-right:0;
}
#sidebar2 {
float:right;
width:100px;
text-align:center;
margin-top:5px;
margin-left:0;
margin-right:0;
}
#main {
width:715px;
float:right;
margin-right:10px;
margin-left:0;
font-size:13px;
min-height:700px;
}
#main2 {
width:690px;
float:right;
margin-right:10px;
margin-left:0;
font-size:13px;
min-height:700px;
}
#footer {
clear:both;
font-size:12px;
text-align:center;
}
#menu {
width: 100%;
background: #ffffff;
font-family: Verdana;
font-size: 12px;
line-height: 24px;
float: left;
margin-left:0;
margin-right:0;
}
/–Setzt alle Abstände auf „Null“–/
- {
margin: 0;
padding: 0;
}
/–formatiert die Themenblöcke–/
#menu ul {
float: left;
width: 135px;
list-style-type: none;
}
/–definiert die Blocküberschriften–/
#menu h3 {
font-size: 12px;
text-align: center;
color: #ffffff;
border: 2px solid #ffffff;
background: #000000;
}
/–definiert die „Drop-Down-Links“ im Normalzustand–/
#menu a {
text-decoration: none;
display: block;
text-align: center;
background: #000000;
border: 2px solid #ffffff;
color: #ffffff;
}
#menu a:hover {
background-color:#6DBFFB;
color:#000000;
border:2px solid #000000;
}
/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern–
*/
#menu li {
position: relative;
}
/–versteckt die „Drop-Down-Links“, solange nicht gehovert wird–/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}
/–lässt die Dropdown-Links beim Hovern erscheinen–/
#menu ul li:hover ul {
display: block;
}
/–nur für IE-Versionen kleiner gleich 6 erkennbar–/
- html #menu ul li {
float: left;
width: 100%;
}
/–nur für IE 7 erkennbar–/
+ html #menu ul li {
float: left;
width: 100%;
}
/–bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente–*/
html body {
behavior: url(/csshover3-source.htc);
font-size: 100%;
}
html #menu ul li a {
height: 10%;
}
/–definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich–/
#menu a.direkt:link {
font-size: 13px;
font-weight: bold;
text-align: center;
color: #ffffff;
border: 2px solid #ffffff;
background: #000000;
}
/–definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich–/
#menu a.direkt:hover {
color: #000000;
background: #6DBFFB;
border: 2px solid #000000;
}
/– Menü 2 –/
.menu2 {
display:block;
text-align:center;
width:100px;
height:38px;
line-height:38px;
font-size:14px;
font-weight:bold;
background:#ffffff url(/img/button.jpg) no-repeat;
color:#6DBFFB;
}
.menu2:hover {
background-color:#ffffff;
color:#ffffff;
text-decoration:none;
}
/– Menü 3 –/
.menu3 {
display:block;
text-align:center;
width:100px;
height:38px;
line-height:38px;
font-size:14px;
font-weight:bold;
background:#ffffff url(/img/button1.jpg) no-repeat;
color:#F9C5DB;
margin-left:0;
margin-right:0;
}
.menu3:hover {
background-color:#ffffff;
color:#ffffff;
text-decoration:none;
}
.credits {
margin-bottom:0;
margin-left:0;
margin-right:0;
font-size:11px;
background-color:inherit;
color:#aaaaaa;
text-align:center;
}
.credits a {
background-color:inherit;
color:#aaaaaa;
}
small {
font-size:11px;
}
.center {
text-align:center;
}[/PHP]