Positionsfehler im IE7
Sacer
- css
0 Sacer
Hallo!
Ich habe für meine Gilde des online-games Ragnarok Online eine kleine Mitglieder-Übersicht gebastelt.
Mein Problem bei dieser ist jetz allerdings, das 2 Charakterbilder im IE7 (da ich den IE6 leider nicht mehr drauf habe weiß ich nicht ob da auch) einen kleinen Fehler, sie werden ca. 50 pixel zu weit rechts angezeigt.
getestet habe ich die seite im: IE7, FF2, FF3, Safari, Google Chrome
Und der Fehler erschien bis jetz nur im IE7 :/
HTML und CSS habe ich auch schon durch die validatoren gejagt und alle fehler beseitigt. probiert habe ich auch 2 css-hacks die ich über google fand...
zu erwähnen wäre vielleicht noch, dass der fehler (wie man ja sehen kann) nur bei den 2 letzten boxen auftritt...
der link zu der seite: http://sacer.sa.funpic.de/basteleien/lu/member.htm
das css befindet sich intern im htm dokument.
falls mir jemand helfen kann, wäre ich sehr dankbar :)
Gruß
Sacer
grml, grad gemerkt dassich gar nich eingeloggt war...
hier die css:
body
{
background: #000000;
margin: 0px;
padding: 0px;
text-align: center;
}
#container
{
background:url(bg_small.PNG);
background-repeat: no-repeat;
margin: 1em auto;
width: 807px;
height: 601px;
}
#flessa
{
background: yellow;
height: 91px;
width: 46px;
float: left;
margin-left: 420px;
margin-top: 330px;
}
#aishe
{
background: yellow;
height: 92px;
width: 47px;
float: right;
margin-right: 280px;
margin-top: 370px;
}
#batida
{
background: yellow;
height: 92px;
width: 41px;
margin-right: 65px;
margin-top: -40px;
float: right;
}
#blutsegen
{
background: yellow;
height: 93px;
width: 43px;
float: right;
margin-right: 5px;
margin-top: -20px;
}
#carina
{
background: yellow;
height: 93px;
width: 45px;
float: left;
margin-left: 530px;
margin-top: -90px;
}
#earth
{
background: yellow;
height: 92px;
width: 42px;
float: left;
margin-left: -45px;
margin-top: -185px;
}
#kenny
{
background: yellow;
height: 94px;
width: 47px;
float: left;
margin-left: 5px;
margin-top: -115px;
}
#larvan
{
background: yellow;
height: 92px;
width: 42px;
float: left;
margin-left: -143px;
display: inline;
margin-top: -50px;
}
#meta
{
background: yellow;
height: 92px;
width: 41px;
float: left;
margin-left: -245px;
margin-top: -190px;
}
#wotan
{
background: yellow;
margin-left: -303px;
margin-top: -125px;
height: 97px;
float: left;
width: 54px;
display: inline;
}