Zur Navigation

Firefox mag mein Css nicht :-((

1 biggi (Gast)

Habe meine Seite endlich mal mit Css geändert.

Schaut auch recht gut aus - für den 1. Versuch.

Nur: im Firefox ist der Header verschoben.

Schaut selbst:

http://www.mode-und-geschenkideen.de/o/*index.htm

Hab mal ein Sternchen in die Url gemacht, da die Seite ja nicht gespidert werden soll - und ich nicht weiss, wie das hier im Forum so läuft.

Wäre nett, wenn mir jemand helfen könnte.....

Birgit

04.09.2006 10:19

2 Jörg

Hallo Birgit,

die übergeordneten Elemente, in denen die Header-Grafik untergebracht is, sind zu klein, damit kommen Opera und Firefox nicht zurecht. Das Bild soll ja 900 * 89 px groß angezeigt werden:

<img src="header.JPG" style="float:left;width:900px; height:89px;" alt="Spielzeug" />

Das übergeordnete Div muss dann auch 900px breit sein:

<div style="width:900px;margin:0px auto;text-align:left">
			<h1 id="title"><img src="header.JPG" style="float:left;width:900px; height:89px;" alt="Spielzeug" /></h1>
		</div>

und für die Überschrift #title muss eine ausreichende Höhe definiert sein, d.h. 89px - wobei auch das padding-top auf 0 gesetzt werden muss, da dieses von der benötigten Höhe abgezogen wird:

#title { padding-top:0; height: 89px }

Den Abstand von 15px nach oben kannst du stattdessen besser über ein margin des übergeordneten divs realisieren:

<div style="width:900px;margin:15px auto 0;text-align:left">
			<h1 id="title"><img src="header.JPG" style="float:left;width:900px; height:89px;" alt="Spielzeug" /></h1>
		</div>

.. dann zeigen alle Browser den Abstand gleich an

04.09.2006 10:49 | geändert: 04.09.2006 10:58

3 biggi (Gast)

DANKE - das hat super hingehauen.

Birgit

04.09.2006 14:03

Beitrag schreiben (als Gast)

Beim Verfassen des Beitrages bitte die Forenregeln beachten.





[BBCode-Hilfe]