Hilfe
Neues Thema
AntwortenFolgendes Problem (ich weis: ein altbekanntes...):
Meine Homepage (http://marvin.horrem-networkz.de) wird im Firefox so dargestellt wie sie soll, auch die Vorlage nach der ich die Seite gemacht habe (http://www.oswd.org/.../2993/Revival2/) wird ordentlich angezeigt.
Das geht auch alles, solange man nicht den Internet Explorer benutzt...
Dort wird die Vorlage (fast) richtig angezeigt, aber meine Homepage nun doch "etwas" merkwürdig in der Navigation.
Opera zeigt das selbe an wie Firefox.
Nun meine Frage: Was (und wo) muss ich ändern, damit auch der Internet Explorer das richtig anzeigt?
Ich hab die HTML-Codes der Navigation (EDIT: also in Vorlage und Homepage) mal verglichen, konnte aber keine Unterschiede feststellen...
Der HTML Code is xHTML Valid, die CSS Datei auch.
Danke schonmal für eure Hilfe!
/* Revival.1 */
* {
padding : 0;
margin : 0;
}
html, body {
height : 100%;
}
body {
text-align : left;
margin : 0 auto;
padding : 0;
color : #000;
font-style : normal;
font-variant : normal;
font-weight : normal;
font-size : 10px;
font-family : Verdana, Tahoma, Arial, sans-serif;
background : #fff;
background : #f0f6df;
}
#page {
width : 810px;
margin : 0 auto;
height : 100%;
}
#header {
width : 810px;
height : 120px;
margin : 0 auto;
background : url('images/header.gif') no-repeat;
padding : 0;
}
#content {
background : url('images/content_bg.gif') repeat-y;
height : 100%;
padding : 5px 20px 0;
}
/**************************** menu ****************************/
#nav_top {
background : url('images/nav_top.gif') no-repeat;
width : 225px;
height : 28px;
}
#nav_btm {
background : url('images/nav_btm.gif') no-repeat;
width : 225px;
height : 28px;
}
#menu {
float : left;
width : 225px;
color : #000;
background : url('images/nav_mid.gif') repeat-y;
}
#menu ul {
list-style : none;
width : 218px;
font-size : 12px;
padding : 0 0 0 3px;
}
#menu li {
list-style-type : none;
background : url('images/bullet.gif') no-repeat 12px 6px;
margin-bottom : 4px;
border-bottom : 1px solid #c8e5c7;
padding : 0;
}
#menu li:hover {
background : #c8e5c7;
margin-bottom : 4px;
}
#menu a {
display : block;
padding : 0 0 0 20px;
color : #fff;
text-decoration : none;
}
#menu a:hover {
display : block;
padding : 0 0 0 20px;
color : #ffffff;
text-decoration : none;
}
#info {
float : right;
background : url('images/content_mid.gif') repeat-y;
width : 533px;
}
.post_top {
background : url('images/content_top.gif') no-repeat;
width : 533px;
o height : 31px;
}
.post_btm {
background : url('images/content_btm.gif') no-repeat;
width : 533px;
height : 31px;
}
.post {
padding : 0 0 15px 25px;
}
img {
border : 1px solid #fff;
padding : 5px;
margin : 3px;
}
a {
color : #fff;
text-decoration : none;
}
a:hover {
color : #000;
text-decoration : none;
}
h1 {
color : #fff;
font-weight : normal;
font-size : 24px;
padding : 40px 0 10px 40px;
}
h2 a {
position : absolute;
top : 32px;
color : #666;
font-size : 16px;
margin : 0 0 0 575px;
text-decoration : none;
}
h2 a:hover {
o color : #999;
}
h3 {
color : #fff;
font-size : 12px;
font-weight : bold;
padding : 5px 0 5px 10px;
}
h4 {
color : #fff;
font-size : 20px;
font-weight : normal;
}
h5 {
color : #8d8d8d;
font-size : 10px;
font-weight : normal;
padding : 5px;
}
h3 img {
float : left;
}
/**************************** lists ****************************/
ul {
list-style : none;
padding : 0 0 0 3px;
}
li {
list-style-type : none;
background : url('images/bullet.gif') no-repeat 12px 6px;
padding : 0 0 0 20px;
}
#menu a {
display : block;
padding : 0 0 0 20px;
color : #fff;
text-decoration : none;
}
#menu a:hover {
display : block;
padding : 0 0 0 20px;
color : #333;
text-decoration : none;
}
/**************************** footer ****************************/
#footer {
text-align : center;
padding : 40px;
background : url('images/bottom.gif') no-repeat;
height : 42px;
}
#footer a {
o color : #000;
}
#footer a:hover {
o color : #fff;
}
Nach oben
