Z
ztaler
Guest
Bei meinem Webauftritt kommt es beim Internet Explorer zu einem Darstellungsfehler. Und zwar werden Text und Hintergrundbild nicht an der richtigen Stelle angezeigt. Beim Firefox und Safari wird alles korrekt dargestellt. Ihr könnt euch das ganze auf: ansehen.
Das ganze wurde mit Typo3 und der Extension TemplaVoila realisiert!
Die CSS-Datei sieht folgenedermaßen aus:
Das ganze wurde mit Typo3 und der Extension TemplaVoila realisiert!
Die CSS-Datei sieht folgenedermaßen aus:
Code:
/* CSS Document */
*{
margin:0px;
padding:0px
}
img{
border:0px
}
html{
width:100%;
height:100%;
background-color:#A5B9C5
}
body{
width:766px;
height:800px;
margin:auto;
background-image:url(images/bg.jpg);
background-position:top left;
background-repeat:no-repeat
}
#top{
padding:65px 0 0 70px;
text-align:left
}
.menu{
display:block;
padding:5px 0 0 5px
}
.menu li{
list-style-type:none;
float:left;
margin:0 8px 0 0
}
#wrapper{
padding:60px 5px 0 75px;
float:left;
}
.news{
padding:0 0 0 27px;
float:left
}
.newsblock{
width:121px;
padding:10px 0 20px 0;
margin:0 0 11px 0;
font-family:Arial;
font-size:11px;
color:#49657D;
}
.newsblock p{
padding:17px 0 0 0
}
.dots1{
background-position:bottom left;
background-repeat:no-repeat;
}
.dots2{
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:17px;
margin-bottom:10px;
}
.more{
background-image:url(images/arrows.gif);
background-position:0px 4px;
background-repeat:no-repeat;
font-family:Tahoma;
color:#49657D;
font-size:10px;
font-weight:bold;
padding:0 0 0 15px;
margin:10px 0 0 0;
display:block;
text-decoration:underline
}
.more:visited{text-decoration:underline}
.more:hover{text-decoration:none}
.content{
float:left;
padding: 0 0 0 79px;
width:345px;
font-family:Arial;
font-size:11px;
color:#49657D;
}
.title{
margin:0 0 6px -2px
}
.two{
width:345px;
font-family:Arial;
font-size:11px;
color:#49657D;
}
.two a{
color:#49657D;
}
.first{
float:left;
display:inline;
width:152px;
margin:0 20px 0 0;
background-image:url(images/dots.gif);
background-position:right;
background-repeat:repeat-y;
}
.first img{
margin:0 0 7px 0
}
.first ul{
margin:5px 0 0 0
}
.first li{
list-style-type:none;
background-image:url(images/arrow.gif);
background-position:0px 7px;
background-repeat:no-repeat;
padding:0 0 0 18px;
line-height:20px
}
.first li a:visited{text-decoration:underline}
.first li a:hover{text-decoration:none}
.second{
float:left;
width:168px;
}
.small{
display:block;
width:168px;
padding:4px 0 17px 0;
margin:0 0 10px 0;
}
.small img{
float:left;
border-right:2px solid #9CB2C3;
margin:0 10px 0 0
}
.small a{
font-family:Tahoma;
font-size:10px;
text-decoration:none
}
.secp{
padding:12px 0 0 0
}
#copy{
font-family:Arial;
font-size:11px;
color:#8199A7;
float:left;
width:686px;
text-align:right;
padding:5px 80px 0 0
}
#copy a{
color:#8199A7;
text-decoration:underline
}
#copy a:visited{text-decoration:underline}
#copy a:hover{text-decoration:none}
