Vervelend CSS probleempje

[Verwijderd]

Hoi allen,

Ben momenteel druk bezig met een site, zie **url niet meer geldig**
Het probleem is: de menu-items van de webshop klappen wel netjes uit naar rechts, maar blijven binnen de linker kolom. De uitgelapte elementen moeten als het ware naar voren komen, maar ik kom er niet uit.

Iemand misschien enig idee? Ik ben er al 2 dagen mee bezig, dus een oplossing zou errrrug gewaardeerd worden

Alvast hartelijk dank!

Groeten!

[ Voor 5% gewijzigd door Verwijderd op 26-01-2009 16:30 ]

[MueR]

Zet eens een z-index van bijv 100 op die submenu's.

[Noork]

Misschien komt het omdat je tabellen gebruikt? Verder misschien kun je iets doen met de z-index?

[MrVegeta]

Ik ben zelf ook niet geweldig met dit soort dingen maar wellicht een oplossing is de linkerkolom een width van 100% te geven, daardoor kunnen je menu items zo ver uitklappen als je wilt.

Voor de background maar je een .png plaatje met een paar blauwe pixels en de rest transparant. Zou dit wat zijn?

[Verwijderd]

Zo wat een snelle antwoorden, dank!
Ik heb een z-index van 6000 geplaatst, maar dat helpt niet.
Snap er niets van

[MueR]

Je kan even hier kijken bijvoorbeeld. Dit is ongeveer wat je wil, al zul je wel van die tabellen af moeten inderdaad. Die heb je helemaal niet nodig.

[Verwijderd]

Ik heb de tabellen even verwijderd, maar dat mag helaas niet baten.

Die gebruik ik overigens om de TD's te kunnen opmaken, dat vind ik altijd het makkelijkst werken.

[ Voor 42% gewijzigd door Verwijderd op 23-01-2009 16:11 ]

[drm]

Je moet eerst even het probleem isoleren. Het lijkt alsof de menu's achter het content element verdwijnen, maar dat is niet zo. Ze worden niet buiten de breedte van het menuelement gerenderd. Als je het content element weghaalt zul je dat ook zien.

Je moet dan zorgen dat de elementen absoluut gepositioneerd worden buiten het menu element, en dat gaat niet omdat je de het menu-element al absoluut gepositioneerd hebt. Daar moet je dus vanaf.

Andere oplossing is het menu geen vaste breedte te geven en de achtergrondkleur van het menu anders op te lossen.

edit:
of een overflow visible natuurlijk

[ Voor 4% gewijzigd door drm op 23-01-2009 16:15 ]

[Verwijderd]

maar als ik het menu-element niet absoluut positioneer, dan krijg ik het nooit zo voor elkaar als nu. (dat hij altijd links blijft staan en volledige hoogte heeft, en daarnaast het content-element dat een scrollbar krijgt als de inhoud te groot wordt).

[Verwijderd]

En respect voor de snelheid van reageren hier zeg

[marco_balk]

Wanneer ik in FireBug jouw "overflow:hidden" uitzet van je <div id="menu"> dan vallen ze netjes over je pagina heen. Die "overflow:hidden" verbergt je menu-items.

Check FireBug voor FF eens. Erg handig tooltje om te kijken wat voor attributen en waarden bepaalde elementen hebben in je code. En je kan het direct aanpassen om te kijken wat voor effect het heeft.

[Verwijderd]

Jaaaaa perfect kwakkie! Dat werkt inderdaad helemaal goed.

Bedankt allemaal!