[css] boxes over elkaar

[Verwijderd]

Mensen,

ik ben begonnen met een layout voor een website, nu heb ik een ontwerp gemaakt waarbij het scherm voor het menu moet verschijnen.

voorbeeldje:



op het moment dat er dus geklikt word moet er een scherm
naar voren komen met een pagina (html/php) met daarin de informatie
over het desbetreffende onderwerp.

Volgens mij moet dit met boxes kunnen alleen krijg ik het niet voor elkaar om boxes over elkaar heen te plaatsen (de onderste box moet smaller zijn dan de bovenste)

[creative8500]

Gebruik de propertie 'z-index'¹, en geef het menu een lagere waarde dan de content.

_{1) CSS2 Specification: Visual formatting model - 'z-index'}

[crisp]

even aanvullend: gebruik position:absolute tesamen met top en left waarden om een box onafhankelijk van andere boxen binnen een container te positioneren.

[ Voor 6% gewijzigd door crisp op 30-10-2003 09:38 ]

[Verwijderd]

css staat op de > pagina <



Ik heb het nu redelijk voor elkaar maar ik ben er nog niet helemaal tevreden over.

Zoals je kunt zien verdwijnt het content-scherm (rood) uit beeld wanneer ik het beeld kleiner maar, mensen kunnen er dan ook niet meer naartoe scrollen.

Dit word veroorzaakt doordat die box 'absolute' is. Is er een manier om dit op te lossen ?

en zou er iemand de css even kunnen bekijken en eventueel commentaar erop willen geven (mits dit nodig is )

*link gewijzigd*

[ Voor 6% gewijzigd door Verwijderd op 30-10-2003 14:12 ]

[creative8500]

De link die jij geeft werkt niet, als je het mij vraagt.

Over het gedeeltelijk verdwijnen: je gebruikt "left: 50%; margin-left: -...px;"¹?
Dan is het een bekend gegeven; maar geen probleem. Bovendien is er een andere methode voor, door de margin's op auto te zetten².

_{1) The Layout Resevoir - Centering: Negative Margin
2) The Layout Resevoir - Centering: Auto-width Margins}