Layer Probleme mit Mozilla
 

Hallo,
ich habe folgendes Problem:
Es gibt ein kleinen Layer der immer links sitzt und mit nach oben oer unten scrollt wenn man die Seite scrollt...
Nun sieht das im IE auch richtig gut aus, nur leider sitzt dieses Logo was mitscrollt in Mozilla in der Mitte der ganzen Seite.
Da ich mich mit JavaScript leider nicht auskenne brauche ich bitte eure hilfe!
Hier das script:

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft" left="50" top="50" width="170" height="100" z-index="1">
<table cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="bilder/xxlogo.jpg" width="59" height="60"></td>
</tr>
</table>
</layer>

Danke im voraus für eure Hilfe!
Mein Kunde steigt mir nämlich schon aufs Dach :mad:

Probier mal: document.write('<div id="divStayTopLeft" style="position:absolute; left:50px; top:50px; width:170px; height:100px; z-index:1; ">')
theoretisch könntest du auch "position:fixed" verwenden - nur das kann der IE leider nicht.

http://www.svendtofte.com/code/max_width_in_ie/ und damit ist auch Position: fixed inklusive IE möglich.

Danke schon mal für Eure Hilfe!!!!

Soweit hat das auch alles funktioniert, nur leider sitzt dieses verdammte Logo jetzt nicht mittig in der Navi (vertikal) sondern ganz rechts, am Ende der Tabelle, bevor mein Inhalt anfängt und das sieht nich so schön aus... :(

Wenn ihr mir da noch helfen könntet wär ich seeeeehr dankbar!

P.S. Das mit dem fixed klappt nich, weil das Logo doch mitscrollt...

Muffin

Noch etwas vergessen...


Ich habe da schon mit dem Left usw. gespielt, aber das hat nicht geholfen!

TAUSEND DANK

Ich... ähm... was treibst du da eigentlich mit dem JavaScript, dem Netscape4-Layer und der Tabelle? Mach das doch einfach erstmal nach XHTML/CSS-Standard:

<div id="divStayTopLeft" style="position: fixed; top: 0px; left: 0px;">
<img src="bilder/xxlogo.jpg" alt="" width="59" height="60" />
</div>

Und damit unser allseits geliebter, etwas zurückgebliebener Internet Exploder das noch versteht, müsstest du einen Hack wie IE7 verwenden. Der oben erwähnte könnte es vielleicht auch schon tun, hab es nicht angeschaut.

Update: Unten oder rechts ausrichten geht auch ganz einfach. Du musst nur statt top: und left: entsprechend bottom: 0px; bzw. right: 0px; verwenden. Ich les grad den Link von oben, im IE scheint sowas ähnliches mit CSS: expression() auch zu gehen.

OK, der Link von oben funktioniert recht einfach und ganz gut.

Update2: Korrigiere, das IE-CSS-Ding funktioniert leider nur im gegebenen Beispiel. Auf meiner Seite krieg ich es nicht zum Laufen.

Update3: Ich weiß warum. Hab leider zu sauber programmiert. "Das Dokument darf nicht im Standard Mode, sondern muss im Quirks Mode ausgeführt werden, was allerdings Nachteile mit sich bringt." (http://jendryschik.de/wsdev/css/fixed/#ie) Also entweder einigermaßen Standard aber kein position:fixed; oder gar nix Standard, dafür aber fixed. Verkehrte Welt... :rolleyes:

Immernoch...
 

Hallo ihr alle,DANKE für Eure Hilfe!

ABER:
Das Logo Dingen darf nicht fixed sein, denn es soll ja mitscrollen und das tut es sonst nicht..
Also stellt euch eine ganz langweilige stupide Tabelle vor, links die Navi, rechts dann in der nächsten Tabelle der Inhalt. In dieser Navigationstabelle soll das Logo in der unten in der MItte sitzen. Unten sitzt es auch, nur eben nicht in der mitte sondern ganz rechts.
Ich kann eingeben was ich will aber es ändert sich nicht! :-(

Kann mir denn da keiner mehr helfen?!

DANKE
Muffin

HAB's Geschafft!!
 

Hallo, DANKE, aber ich habs grad dann doch mit etwas logischem denken alleine geschafft... :D

Mann muss nur die Variable auf 0 setzen... Warum auch immer dass dann in der Mitte anfängt, aber ist mir jetzt auch egal, denn es geht ;) JUHU...
Also sieht dass dann so aus: var startX = 0,


DANKE,
TÜSSI MUFFIN