[div layer] - spacing duwt tabel uit elkaar

[Galoptic]

Ik heb onderstaande code:

code:

<DIV STYLE="position: relative; left:600px; top:-405px; visiblity:visible; z-index:1">
<IMG SRC="plaatje.gif">
</DIV>

Deze div staat in een <TD WIDTH=147> --> probleem als het plaatje.gif breder is dan 147px, dan duwt hij de hele cel waar de div in staat ook uitelkaar... Hoe zorg ik ervoor dat de DIV zelf bijv. maar 10px breed is en het plaatje IN de DIV wel gewoon een breedte kan hebben (groter dan bijv 147px)?

Ten tweede: als ik bovenstaande code draai op MSIE 5.5 op de Mac, dan duwt de DIV de <TD WIDTH=147> wel mooi 600px breed... How come

Any thoughts?

[RM-rf]

css,

code:

width: 147px;
overflow: hidden;

over je mac-probleem, mac interpreteerd je position: relative, als zijnde relatief aan je table-cel en plaatst hem 600px van de linkerpositie daarvan.

lijkt me overigens nog correct ook, en vraag me af of dit in andere browsers niet gebeurt

[Bosmonster]

first.. position:relative met coordinaten heeft weinig zin

second zoek eens op en experimenteer eens met 'css clip' en 'css overflow'

(damn weer te laat )

[Galoptic]

Okay, mooi de overflow zorgt dat ongeacht de grootte, het plaatje.gif de tabel niet uit elkaar duwt.

Maar nu "clipt"-ie het plaatje.gif op 147 pixels breedte, en dat wil ik juist niet... Het plaatje.gif is 250px breed en 150px hoog en dat wil ik zichtbaar maken. How?

Op donderdag 25 juli 2002 13:40 schreef RM-rf het volgende:
lijkt me overigens nog correct ook, en vraag me af of dit in andere browsers niet gebeurt

Nou, in MSIE doet-ie het en, sorry to say it, NETSCHAPERDS hebben pech... Maar yes, op de Mac in MSIE 5.5 heb ik dus wel het probleem... Ik heb al zitten pielen met de z-index, maar ik krijg het nog niet echt voor elkaar om het layertje "boven" de pagina te laten zweven, zodat-ie geen ruimte in de laag "eronder" inneemt...

[Bosmonster]

Op donderdag 25 juli 2002 14:04 schreef Galoptic het volgende:
Okay, mooi de overflow zorgt dat ongeacht de grootte, het plaatje.gif de tabel niet uit elkaar duwt.

Maar nu "clipt"-ie het plaatje.gif op 147 pixels breedte, en dat wil ik juist niet... Het plaatje.gif is 250px breed en 150px hoog en dat wil ik zichtbaar maken. How?
[..]

Nou, in MSIE doet-ie het en, sorry to say it, NETSCHAPERDS hebben pech... Maar yes, op de Mac in MSIE 5.5 heb ik dus wel het probleem... Ik heb al zitten pielen met de z-index, maar ik krijg het nog niet echt voor elkaar om het layertje "boven" de pagina te laten zweven, zodat-ie geen ruimte in de laag "eronder" inneemt...

Wat jij wil kan niet met position:relative. Je zult absolute moeten gebruiken. Wat je in de tabel zet zal namelijk altijd de tabel uitrekken. Je kunt geen plaatje van 250px in een tabel zetten en de tabel op 147px houden. Dan rekt of de tabel, of clipt het plaatje.

[Galoptic]

De DIV position: absolute maken dus... Tja, maar m'n site is zo'n 750px breed en horizontaal midden uitgelijnd... Hij krijg ik 'm horizontaal dan op de goede plek?

[Verwijderd]

Op donderdag 25 juli 2002 13:40 schreef RM-rf het een en ander


lijkt me overigens nog correct ook, en vraag me af of dit in andere browsers niet gebeurt

Denk dat je gelijk hebt, maar Mozilla plaatst de layer buiten de tabel. Maar goed ik weet ook niet hoe de browser dit hoort te interpreteren zeker niet met top: -405px in de style definitie