div container werkt niet in firefox

[NeORay]

Hallo allemaal,

Op een bestaande website moet een kolom in een tabel een watermerk er overheen krijgen.
omdat de tabel scalable moet zijn is het vrij lastig de div die ik voor het watermerk gebruik te positioneren.
Aangezien de kolom vrij rechts staat heb ik de paar rechterkolommen maar een vaste waarde meegegeven. De div heb ik vervolgens een aantal pixels vanaf rechts geplaatst. Dit in een container zodat de div niet van positie verandert bij het verkleinen van het venster.
Bij dit laatste punt loopt het mis. Tenminste, in IE werkt het prima, in Firefox echter verplaatst de div zich nog gewoon als het venster heel klein wordt gesleept.
Heeft iemand enig idee hoe ik dit kan voorkomen?

Bij voorbaat dank!!

de code:
knip

http://213.134.225.210/test1.htm

[ Voor 95% gewijzigd door André op 14-02-2007 13:51 ]

[mithras]

[list=1]• Ik snap weinig van je verhaal
• Een plaatje zou het beter doen
• Dit is way te veel code, niemand die dit voor jou gaat debuggen
• Waarom gebruik je een lelijke en onnodige tabel terwijl je dit hoort op te lossen met de juiste (blok)elementen?
• Gooi een heleboel troep uit je html, bijvoorbeeld de deprecated font tag.
• Je hebt een onvolledige doctype waardoor sommige browsers in quirksmode draaien
• Zie dus ook http://www.alistapart.com/stories/doctype/
Nofi, maar verklein het naar een testcase, en schrijf behoorlijke html: iedereen staat dan klaar om je te helpen

[ Voor 9% gewijzigd door mithras op 14-02-2007 13:08 ]

[NeORay]

mithras schreef op woensdag 14 februari 2007 @ 13:08:
[list=1]• Ik snap weinig van je verhaal
• Een plaatje zou het beter doen
• Dit is way te veel code, niemand die dit voor jou gaat debuggen
• Waarom gebruik je een lelijke en onnodige tabel terwijl je dit hoort op te lossen met de juiste (blok)elementen?
• Gooi een heleboel troep uit je html, bijvoorbeeld de deprecated font tag.
• Je hebt een onvolledige doctype waardoor sommige browsers in quirksmode draaien
• Zie dus ook http://www.alistapart.com/stories/doctype/
Nofi, maar verklein het naar een testcase, en schrijf behoorlijke html: iedereen staat dan klaar om je te helpen

ja, inderdaad. zo zou ik zelf ook nooit een website bouwen. maar zoals ik al aangaf, dit is een bestaande website met een grote table. Deze table wordt gegenereert wordt middels php.
over een kolom moet echter dmv een div een watermerk komen. (waarvoor ik een gedeeltelijk transparante gif wil gebruiken)

in principe gaat het om dit gedeelte van de code:

code:

<div id="Layer2" style="position:relative; width:100%px; height:2000px; z-index:2">
<div id="Layer1" style="position:absolute; right:224px; top:79px; width:50px; height:543px; margin-top:100px; z-index:100; background-color: #000000; filter:alpha(opacity=15);-moz-opacity:.15;opacity:.15; border: 1px none #000000;"><img src="../Mijn%20documenten/Mijn%20afbeeldingen/netherlands.gif" width="50" height="538" /></div>

table zooi..
V
V
V
V
V
enz..

</div>

hier ook nog een linkje voor de duidelijkheid.
http://213.134.225.210/test1.htm
verklein eerst het venster in IE en daarna in FF.
Let terwijl je dat doet op het transparante divje. Dan moet het probleem wel duidelijk worden hoop ik.

[ Voor 8% gewijzigd door NeORay op 14-02-2007 13:34 ]

[NeORay]

het probleem is opgelost
Ik heb een min-width gespecificeerd in de container div.

[WormLord]

Het probleem is zo te zien dat de breedte van de container-div niet beperkt word door de breedte van de tabel die er in zit. Als je het scherm erg smal maakt, dan stop de tabel met smaller worden, en loopt dus rechts uit het scherm. Maar de container-div blijft zich wel aanpassen.

Ik weet nog niet waarom dat gebeurd, dus heb ik ook nog geen oplossing hiervoor.