Bilddarstellung in Firefox

    Hallo.
    Bin neu hier und hab keinen Thread gefunden, der zu meinem Problem passt. Also sorry, falls sowas schon mal gefragt wurde :)

    Ich bin dabei, mir eine Webseite per FrontPage 2003 zu erstellen. Bis jetzt klappt auch alles gut, nur lässt sich mein Hintergrundbild im Firefox nicht in die obere linke Ecke verschieben, sondern ich seh immer einen vielleicht 15 Pixel breiten Streifen an der oberen Seite. Beim Internet Explorer besteht das Problem nicht und in Frontpage wurde der Einzug von oben auch auf 0 Pixel verkürzt. Ich kopier hier mal den Quelltext, vielleicht kann mir einer helfen. Die SDeite ist aber noch nicht online. Das Hintergrundbild, um das es geht, heißt "hg.jpg" (Ordner "layout").

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>bildausschnitt.de.vu</title>
    </head>

    <body bgcolor="#FFE8B2">
    <div style="position: absolute; left: 0px; top: 0px; z-index: 1">
    <p>
    <img border="0" src="layout/hg.jpg" width="628" height="465"></p>

    </div>
    <div style="position: absolute; left: 198px; top: 0px; z-index: 2">
    <img border="0" src="layout/menu.jpg" width="629" height="89"></div>

    <div style="position: absolute; left: 198px; top: 103px; z-index: 2">
    <img border="0" src="layout/layoutmi.jpg" width="629" height="470"></div>
    <div style="position: absolute; left: 198px; top: 575px; width: 632px; height: 19px; z-index: 2">
    <img border="0" src="layout/layoutun.jpg" width="631" height="19"></div>

    </body>

    </html>


    Danke für eure Mühe :)

    Zitat von OnkelSibb

    FrontPage 2003


    Mein Bedauern. Ein schlechteres Programm für die Erstellung von Seiten die auch von mehr als nur dem IE angezeigt werden können, gibt es quasi nicht. Höchstens vielleicht noch MS Publisher oder MS Word.

    Zitat von OnkelSibb
    Code
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">


    Ne klar. iso-8859-1 wäre was richtiges. Aber warum sollte ein MS-Produkt auch was richtiges machen. Lieber die Seite an Windows festketten.

    Zitat von OnkelSibb

    Das Hintergrundbild


    Ne klar. Hintergrundbild mit <div>-Layern realisieren. Was eine Schnappsidee von dem Programm. Hintergrundgrafiken gehen so:
    http://de.selfhtml.org/navigation/css.htm#hintergrund

    Zitat von OnkelSibb


    15 Pixel breiten Streifen

    Code
    <div style="position: absolute; left: 0px; top: 0px; z-index: 1">
<p>
<img border="0" src="layout/hg.jpg" width="628" height="465"></p>


</div>


    <p> ist ein Absatz. Inklusive Abstand zum darunter- UND darüberfolgenden Absatz. IE regelt das anders. Aber da Frontpage diese Fehlinterpretation eines Absatzes kennt, wird entsprechend IE-freundlicher Code produziert, der aber eigendlich falsch ist.

    Ausserdem zeigt das Beispiel, was für unsinnigen Code Frontpage produziert. Wofür überhaupt ein <p>? Nimm die beiden (<p></p>) Absatz-Tags raus. Dann sollte es gehen.

    Code
    <div style="position: absolute; left: 0px; top: 0px; z-index: 1"><img border="0" src="layout/hg.jpg" width="628" height="465"></div>

    Fütter mal die Forensuche mit dem Wort Frontpage, falls Du evtl. eine alternative suchst, zu was ich Dir nur raten kann, wenn Du Dich nicht dauernt wundern willst, warum deine Seite im IE geht, aber bei allen anderen nicht.

    ja ich weiß, dass die microsoft-programme genügend nachteile haben, aber für anfänger gibts da eben auch die meisten referenzen und meiner meinung nach ist die bedienung des programms noch die besten.

    es lag an dem absatz... hab die <p>-tags weggemacht und jetzt funktionierts. danke für deine hilfe :)

    Wenn Deine Priorität auf einfache Bedienung und nicht auf von alternativen Browsern darstellbaren Seiten, dann kannst Du gerne Frontpage weiter benutzen. Ansonsten liefert Dreamweaver (den ich allerdings auch nicht besonders toll finde, aber immernoch besser als Frontpage) bessere Ergebnisse. NVU ist zwar noch was umständlich, aber liefert recht sauberen Code. Ich persönlich empfehle dennoch jedem direkt HTML zu lernen (Stichwort: selfhtml). Wer HTML versteht, kann auch problemlos den Editoren klarmachen, was er von ihnen will.

    in html kenn ich mich auch ein wenig aus und weiß, was die meisten tags bedeuten. deswegen korrigier ich dann meist auch im code, wenn frontpage nicht das macht, was ich will. nur ab und zu stoß ich eben auch mal auf kleinere problemchen ;)