• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

nicht der normale FF/IE 3px Bug

0ps

New member
hi zusammen,
ich habe ein kleines aber recht störendes problem mit meiner bilderpositionierung auf meiner website.
ich habe ein bild mit css positioniert, welches im FF genau 1 pixel weiter unten ist.

HTML:
<style type="text/css">
body {
background-image:url(bg.jpg);
background-repeat:no-repeat;
background-position:center center;
background-color: #808080;
height:100%;
}

<!--
div.iframeBox {
height: 100%;
width: 100%;
}
-->


  #vogel {
    position:absolute; top:50%; left:50%;
    margin-left:11px; margin-top:16px;
    width:15px; height:13px;
  }

</style>


<BODY scroll="auto" aLink=#vvvv  bgColor=#808080 leftMargin="0" link=#vvvv text=#vvvv topMargin="0" vLink=#vvvv marginheight="0" marginwidth="0">     

<img id="vogel" src="amsel.gif" width="15" height="13" border="0" alt="">

ich habe nur die wichtigsten bereiche einmal für euch kopiert. also wenn ich die position:absolut auf relative stelle passt die position in beiden browsern, doch leider bewegt sich das gif (animiert) nicht mehr. ich hoffe jemand hat da einen tipp. vielen dank schonmal fürs anschauen meines problems. danke!
greetzs
 
Schau mal in die Fehlerkonsole vom Firefox und beseitige mal die CSS-Fehler!
 
hi tom80,
also da stehen keine die dafür zuständig sind :( die schreibweise habe ich hier auch etwas geändert... in meiner html sind es mehr einzelne
HTML:
<style type="text/css"></style>
die ich hier, um es übersichtlicher zu machen, weggelassen habe.
 
Hallo Ops,

ich kann mir leider gar nichts vorstellen, weiß nicht mal von welchem IE Du sprichst.
Kannst Du nicht mal ne kleine Beispielseite basteln, mit dem GIF, das nicht richtig platziert ist oder uns Deine Seite zeigen. So ist es schwierig, etwas zu sagen.
 
hallo anna, ich habe es nun selbst gelöst...

ich habe das hier rausgenommen:
HTML:
<style type="text/css">
body {
background-image:url(bg.jpg);
background-repeat:no-repeat;
background-position:center center;
background-color: #808080;
height:100%;
}
</style>
.. und den bg (der auch nur ein kleines bild ist) wie das gif positioniert, also per id im normalen img tag. ist zwar nicht die lösung des pixel-bugs aber für mich reicht es.
vielen dank trotzdem für eure hilfe.
greetz
 
Zurück
Oben