✔ Verschobene Menüleiste

[HeinerPyt]

Hi,

vielleicht kann mir jemand sagen woran das liegt. Die Seite

http://www.autohaus-reiniger.com

beinhaltet auf der linken Seite eine Menüleiste. Im IE wird diese korrekt dargestellt. Im Firfox sind die Menüeinträge nach unten verschoben.

Was kann man dagegen tun?


Danke
Heiner

 

[Johannes7146]

Im Opera sieht es genauso verschoben aus. Das Bild oben in der Mitter ist auch nicht richtig postioniert.

Ist das ganze eine statische Seite oder wird sie in irgendeiner form generiert?

 

[HeinerPyt]

Es ist eine statische Seite.

 

[Maik]

Hi,

die Ursache findet sich in der äußeren Polsterungseigenschaft margin des p-Elements, die im FF, Opera & Co. einen anderen Initialwert besitzt, als im IE.

Inline-Elemente, wie das a-Element, dürfen aber keine Block-Elemente, wie das p-Element, enthalten.

mfg Maik

 

[HeinerPyt]

Hi,

die Ursache findet sich in der äußeren Polsterungseigenschaft margin des p-Elements, die im FF, Opera & Co. einen anderen Initialwert besitzt, als im IE.

Von welchem Element sprichst du und wie kann man das beheben. Heute ist mir noch folgendes Aaufgefallen. Das Problem tritt auch beim IE 8 auf. Bis jetzt hat das aber immer einwandfrei funktioniert.

Danke
heiner

 

[Maik]

Moin,

ich rede von diesem p-Element - auszugsweise der erste Menüpunkt:

<a href="wir.htm"><p class="verdana12" style="position:absolute; left:10px; top:25px; cursor:hand;">Firmengeschichte</p></a>

Beheben kannst du dies, indem das Element daraus entfernt wird, da es, wie gestern Abend erwähnt, innerhalb eines Inline-Elements nichts zu suchen hat, und die Positionierung stattdessen an das a-Element übergeben wird.

mfg Maik

 

[HeinerPyt]

Du meinst also so´?

a href="wir.htm" class="verdana12" style="position:absolute; left:10px; top:25px; cursor:hand;">Firmengeschichte</a>

Heiner

 

[Maik]

Ja.

cursor:hand entfällt somit auch.

mfg Maik

 

[HeinerPyt]

Das werde ich mal versuchen. Ich hoffe es klappt.

Vielen Dank
Heiner

 

[Maik]

Das klappt einwandfrei.

Mal abgesehen von den absoluten Positionsangaben gepaart mit den Inline-Styles (Formatierung im HTML-Element) liesse sich die Navigation wesentlich eleganter mit einem <ul>-Listenelement auszeichnen und mittels CSS formatieren, womit die immer wiederkehrenden <img>-Elemente aus dem HTML-Code verbannt werden können, da sie sich als Hintergrundbilder für das <li>- und <a>-Element nutzen lassen.

mfg Maik