Bilddarstellung in Firefox

OnkelSibb

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>

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

</body>

</html>

Danke für eure Mühe

bugcatcher

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.

OnkelSibb

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

bugcatcher

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.

OnkelSibb

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

HaMF

du würdest es dir wesentlich leichter machen, wenn du Frontpage einfach weglässt

Gruß Hannes

OnkelSibb

japp... hatten wir schon

HaMF

echt?

naja. selbst wenn: das kann man nicht oft genug betonen :)p