✔ Netscape zeigt mit CSS positioniertes Bild falsch an

[DJTrancelight]

Hallo,

ich habe für jemand eine Seite gemacht und sie mit dem IE6 IE7, Firefox und Opera getestet.
Sieht alles gleich aus, keine Problem, nur der Netscape 7.1 hat ein Problem mit folgendem Code:

Ein Foto soll angezeigt werden. Das Foto und zusätzlicher Text befindet sich in einem Div-Container, der relative ausgerichtet ist und sich je nach Inhalt scrollen läßt.

.....
<div id="menue_auswahl_text">
<br>
<h1><u>Name Nachname</u></h1>
<br>
<img src="vita/vita_foto.jpg" alt="Foto von Name Nachname" id="vita_foto">
</div>
......

Hier die externen CSS-Anweisungen:

#menue_auswahl_text{
position:relative;
top:122px;
left:185px;
width:775px;
height:492px;
line-height:140%;
padding-left: 10px;
padding-right: 10px;
overflow:auto;
border-width:1px;
border-color:#FFFFFF;
border-style:solid;
}

#vita_foto{
position:absolute;
top:100px;
left:360px;
}

Das Foto bleibt bei allen Browsern bis auf den Netscape an der selben Stelle und scrollt auch mit, wenn die Scroll-Leiste bewegt wird. Beim Netscape bleibt das Foto immer im Vordergrund und scrollt nicht mit, außerdem verändert es seine Position, wenn das Fenster skalliert wird.

Weiß jemand Rat? Ich habe schon gegoogelt und hier im Forum gesucht, doch leider nichts gefunden.

Vielen Dank für eure Hilfe.

 

[Maik]

Hi,

probier es mal mit einer relativen Positionierung für das Grafikelement.

 

[DJTrancelight]

hi Michael,

das habe ich schon ausprobiert - keine Besserung, im Gegenteil, dann gibt es bei allen anderen Browsern die selben Probleme

Trotzdem Danke für deine Antwort.

 

[Maik]

Seltsam, bei mir funktioniert's im NN7.0 einwandfrei und in allen anderen mir zur Verfügung stehenden Browsern ändert sich durch die relative Positionierung auch nichts ins Negative.

Meine Testumgebung: Win2k Prof. SP4, Firefox 2.0, IE 6.0, Mozilla 1.7.12, Netscape 7.0, Opera 9.02 und SeaMonkey 1.0.5

Alternativ könntest du es ja mal anstelle der absoluten Positionierung mit der float-Eigenschaft probieren und die top- / left-Eigenschaft in margin-top / margin-left umwandeln.

 

[DJTrancelight]

Hi Michael,

Danke für deine Antwort:

Also ich teste auf einem Win XP Prof. SP2 IE6, IE7, Opera - Firefox und Netscape jeweils die neuesten Versionen.
Nur der Netscape zickt rum

Ich werde gleich mal deine Vorschläge umsetzen, vielleicht klappt es ja.
Gibt es eigentlcih für den Netscape auch eine Browserweiche? Beim IE haben die das ja echt schön mit einer If-Abrage gelöst.

Danke für deine Hilfe!

 

[DJTrancelight]

Hi Michael,

ich konnte es leider erst heute testen. Ein ganz großes Dankeschön Dein Tipp ging in die richtige Richtung.

Ich mußte
float:right; und margin-right:200px; und position:relative; nehmen. Somit klappt es jetzt in allen Browsern.

Vielen Dank Michael

Schöne Grüße
DJ Trancelight