:strip_exif()/u/21721/avatar.gif?f=community){kind=avatar}
na een hoop tests kom ik er maar niet uit, het volgende probleem doet zich voor.
Ik heb een portalpagina bestaande uit een aantal blokken met daarin menu-items (dynamisch). Uitgaande van 1024 resolutie worden mooi 2 blokken steeds naast elkaar getoond. Wanneer het venster verkleind wordt springt het rechtse blok van de 2 netjes onder het linkse blok.
Werkt allemaal prima, echter is dit opgezet door de blokken float:left mee te geven en per 2 in een container te zetten (met overflow: hidden) omdat er per 2 blokken ook een gradient als achtergrond nodig is:
Wat is nou het probleem. In de bovenste 2 blokken komen 2 flashanimaties te staan die ALTIJD bottom aligned moeten worden. De flash wordt er transparant bovenop gezet en bij een mouseover wordt de left positie van de css naar -5000px gezet, zodat de html linkjes weer gewoon clickable worden.
Er is echter geen vaste hoogte (menu-items zijn dynamisch) dus heb k een probleem wanneer ik 2 floats gebruik (dan kan ik niet absoluut positioneren tov de blok, omdat soms een blok veel kleiner is dan de ander).
Absoluut positioneren tov de container werkt wel voor de bottom property, maar dan moet ik een left: 280px opgeven om die 2e flash goed neer te zetten. Wanneer nu het scherm verkleind (bv 800x 600 of gewoon venster verkleinen) dan springt het 2e gefloate blok netjes onder de 1e, MAAR........ de flash staat op de verkeerde positie.
Mijn vraag: is de enige oplossing nu een javascriptje schrijven dat hoogtes cq breedtes uitleest en dan de flash goed neerzet, of is dit ook puur met CSS op te lossen? ( heb ook al gekeken naar inline-block opties, maar daar kom ik ook niet mee uit)
Ik heb een portalpagina bestaande uit een aantal blokken met daarin menu-items (dynamisch). Uitgaande van 1024 resolutie worden mooi 2 blokken steeds naast elkaar getoond. Wanneer het venster verkleind wordt springt het rechtse blok van de 2 netjes onder het linkse blok.
Werkt allemaal prima, echter is dit opgezet door de blokken float:left mee te geven en per 2 in een container te zetten (met overflow: hidden) omdat er per 2 blokken ook een gradient als achtergrond nodig is:
Wat is nou het probleem. In de bovenste 2 blokken komen 2 flashanimaties te staan die ALTIJD bottom aligned moeten worden. De flash wordt er transparant bovenop gezet en bij een mouseover wordt de left positie van de css naar -5000px gezet, zodat de html linkjes weer gewoon clickable worden.
Er is echter geen vaste hoogte (menu-items zijn dynamisch) dus heb k een probleem wanneer ik 2 floats gebruik (dan kan ik niet absoluut positioneren tov de blok, omdat soms een blok veel kleiner is dan de ander).
Absoluut positioneren tov de container werkt wel voor de bottom property, maar dan moet ik een left: 280px opgeven om die 2e flash goed neer te zetten. Wanneer nu het scherm verkleind (bv 800x 600 of gewoon venster verkleinen) dan springt het 2e gefloate blok netjes onder de 1e, MAAR........ de flash staat op de verkeerde positie.
Mijn vraag: is de enige oplossing nu een javascriptje schrijven dat hoogtes cq breedtes uitleest en dan de flash goed neerzet, of is dit ook puur met CSS op te lossen? ( heb ook al gekeken naar inline-block opties, maar daar kom ik ook niet mee uit)
[ Voor 7% gewijzigd door Vinzzz243 op 01-08-2005 13:23 ]
die tabel is wel leuk, maar het effect van het verspringen van een portalblok naar beneden (bij 800x600) gaat dan natuurlijk helemaal verloren