[CSS] (D)HTML div / style in combinatie met table probleem

[BAWLS]

Ik probeer in een tabel een aantal div/style tags te gebruiken om de informatie binnen die tabel te laten overlappen. Het probleem is dat doordat de informatie die binnen de tabel te groot is, mijn tabel automatisch in de lengte groeit. (en het ontwerp dus niet meer klopt)

met gebruik van div tags: http://www.renaissance.nl/test/werk.html

Na ongeveer een uurtje zoeken zonder resultaat heb ik het maar eens met layers geprobeerd, maar dit doet nog minder.

met gebruik van layer tags: http://www.renaissance.nl/test/werk1.html

Ik hoop dat iemand een tip voor me heeft zodat ik weer verder kan, tot nu toe vind ik CSS / dHTML erg interessant. (normaal werk ik voornamelijk met HTML / PHP)

Edit: overigens zou hij er zo ongeveer uit moeten zien: http://www.renaissance.nl/test/werk2.html (maar dan zonder die ruimte bovenin)

[ Voor 13% gewijzigd door BAWLS op 03-03-2003 22:21 . Reden: extra informatie ]

[2]

Kun je niet overflow: scroll gebruiken ?

[crisp]

Je hebt een kloppend design met tabels, maar je wilt met div's gaan werken. Dus stop je die div's weer in tabellen
en <ilayer> is Netscape 4 voor het geval je het nog niet wist, dus dat gaat inderdaad niet werken...

[BAWLS]

De grap is dat ik div's wil gebruiken om met behulp van een script de data dynamisch aan te passen.

Klik maar eens op "test" onderaan de volgende pagina: http://www.renaissance.nl/test/werk3.html

(dat "ILAYER" was idd alleen voor Netscape....whoops...)

[2]

Daar hoef je geen div's voor te gebruiken. Misschien moet je proberen om je pagina wat simpeler op te bouwen.

[BAWLS]

Ik ben trouwens weer een stukje verder... volgens mij heeft het met de positie "relative" te maken.

Zodra je de positie "absolute" maakt ben je van het probleem af... maar heb je als volgend probleem dat je dan met behulp van een script de grootte van je window moet bepalen om het plaatje alsnog op de juiste plaats te krijgen. (als je de tabel tenminste altijd in het midden wil hebben)

Ik weet dat ik het met alleen een plaatje op zou kunnen lossen, maar ik vind het een uitdaging om het op deze manier te doen

[crisp]

position: absolute is altijd gerelateerd naar een container die absoluut of relatief gepositioneerd is. In IE kan dit geloof ik ook een table-cell zijn, maar Mozilla vind dat weer niet goed
Voorbeeldje:

HTML:

<div style="position: absolute; top: 100px; left: 100px; width: 200px; height: 200px; background-color: red">
  <div style="position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; background-color: blue">&nbsp;</div>
</div>

Waar denk je dat het kleinere blauwe vierkantje op het scherm terecht komt?

[BAWLS]

Crisp.... je bent de held van vanavond (okay... misschien zelfs wel van morgen aangezien de avond nog maar 10 minuutjes duurt.... )

Dit stond dus in geen van de tig tuturials die ik inmiddels gelezen heb.... Huiver en zie het resultaat: http://www.renaissance.nl/test/werk4.html

[BAWLS]

Zo... nog een update'je dan: http://www.renaissance.nl/test/werk5.html

Ik heb het script even aangepast zodat hij ook in NN4 en NN6 werkt

[E-Mile]

zodra ik resize naar een normalere reso, (draai 1400X1050) krijgt de background in tegenstelling tot de rest de neiging om naar boven te gaan dus nog niet helemaal correct lijkt me?

[BAWLS]

Hmmm... ik zie het probleem... ik heb even een "dirty fix" gemaakt die de pagina reload op het moment dat hij geresized wordt....

Misschien moet ik de rest van de pagina een lagere "z-index" geven? (Hier heb ik al een beetje mee lopen expirimenteren, maar dat focked de layour weer volkomen op)

[Willem]

Op verzoek topictitle ietwat geneutraliseerd

[Bosmonster]

Lol.. Renaissance IT... HHS zeker

[BAWLS]

Pardon? Waar heb je het over? En wat heeft dit met het topic te maken?

[Bosmonster]

BAWLS schreef op 04 maart 2003 @ 10:01:
Pardon? Waar heb je het over? En wat heeft dit met het topic te maken?

Hallo, niet zo arrogant, dit is een forum, geen helpdesk. Ik ken toevallig Renaissance IT uit mijn schooltijd.

[BAWLS]

Relax.... was niet arrogant bedoeld.... Ik begreep die "lol" alleen even niet, en ik kan zo snel niet plaatsen waar ik je van ken.... vandaar....