Brigitte Jokil: falsches Rendering von Firefox - korrekt nach refresh

Beitrag lesen

<div style="position:fixed; bottom:0; width:100%; height:99px; background-image:url(../images/background_4.png);">
<p style="width:770px; margin:0 auto; padding:30px 0 0 0; line-height:69px; color:#fff; font-size:smaller">
Gregor blabla
</p>
</div>

Danke für das Code-Snipplet. Jetzt wird es richtig gerendert.
allerdings ist das image (footer.png) jetzt nicht mehr zentriert,
sondern linksbündig.

Falls du auf die Grafik bestehst, benutze nicht obigen zweiten Vorschlag, sondern den ersten:

<p style="position:fixed; bottom:0; width:100%; height:99px; padding:0; background-image:url(../images/background_4.png); text-align:center;">
<img src="../images/footer.png" style="display:inline">
</p>

Tipp: Mit der Firefox-Erweiterung Firebug kannst du CSS-Eigenschaften wie auch den HTML-Code direkt im Browser ändern. Erleichtert das Probieren bzw. die Fehlersuche ungemein, weil die lästige Wechselei zum Texteditor wegfällt.