16. april 2004 - 19:06Der er
55 kommentarer og 1 løsning
Z-Index problem med Tabeller
Jeg vil lige høre om der er nogen der Dybdegående kan beskreve Z-Index... Da jeg har lidt problemer, som måske kan spores til definitionen af z-index...
Jeg har en side jeg har bygget op af tabeller, og Layers.. (DIV)...
Jeg har så lavet en dropdownmenu, som sådan set virker fint... Nu ville jeg så til at sætte indholdet op, og nu ligger den sig sQ ind bag det...
Z-Index skal så vidt jeg ved være højest på det yderste lag... men ellers skulle der ikke være noget...
Spørgsmålet er så, virker z-index evt. KUN på Laysers (Altså Div) Og hvilke andre ting er der vigtig nævneværdige ???
Øhhh det sidste gav ikke llige mening... Mine Tabeller samt Div På menuerne er Placeret Absolute, ellers vil de jo ikke rigtig kunne ligge og rode der ude midt i det hele...
De skulle gerne være Placeret i forhold til den Tabel de falder ned fra, altså den overstående TD (Hvilket måske kun virker i IE ?)....
Den du har klippet væk er en jeg har prøvet at smide ind hvis det nu kun virkede på Layers... derfor har jeg prøvet uden den... Men så burde det være min Div Hover der skal have en Z-Index som jeg ser det, og det skulle den gerne have gennem sin Style Class...
Enten html 4.01 Transitional, den let modificerede xhtml 1.0 Transitional, eller også for alvor med xhtml 1.0 strict eller xhtml 1.1 (som _kun_ findes som en slags strict !-)
-- men det vil netop ligge til grund for dit problem med IE og andre browsere, da IE vil gå i quirks mode, og dermed ikke vise siden, sådan som du har skrevet i koden, men som en-eller-anden programmør i Bombay synes er fornuftigt ...
roenving >>> Nu hentyede jeg til de fejl der lå i siden med xHTML 1.1... De manglende Alt tags fx... det er jo en fejl, (også alvorlige i forhold til nogle browsere mener jeg)... men lige et Manglende Alt. Tag har vel ikke indvirkning på det med Position... Det var lige det jeg mente... :o)
Og bare for at sikre at vi ikke snakker forbi hinanden:
-- jeg checkede overhovedet ikke, om din side var valid html, jeg registrerede bare, at doctype var ikke-eksisterende, for hvis du bruger doctype og dtd, som ikke virker, går ie i quirks-mode ...
-- og de manglende alt-tags er en ofte overset fejl under kode-skrivningen, men den tager næppe mange sekunder at rette op på, når man checker !-)
-- derimod har quirks-mode en masse med forskellen at gøre, for så bliver det, som skrevet, en tilfældigs opfattelse af, hvordan en webside bør se ud, som styrer, hvordan den vises ...
Det med positioneringen kan have en stribe andre grunde, som jeg ikke er begyndt at forsøge at overskue !o]
Roenving >> Jamen så er vi enige :)... For det er klart at en forkert angivelse, eller manglende af Doctype kan være Fatal... Men nu var det selve fejlene jeg hentyede til... Men det er trods alt lige meget nu, for den er valideret nu... ;oD
Med forkert DTD kan du ikke forvente at få CSS til at fungere i IE ... det har intet med validering at gøre. Validering er for så vidt ligegyldig - men det er DTD'en _absolut_ ikke.
Desuden skal du bruge JavaScript og ikke JScript, hvis menuen overhovedet skal bruges i andet end Win/IE: <script src="scripts.js" type="text/Jscript"></script> skal være: <script src="scripts.js" type="text/JavaScript"></script>
Hvis problemet stadig er din positionering, undrer det mig, det overhovedet virker i IE ... det burde det ikke.
Når man positionerer et element, gør man det _altid_ i forhold til det første positionerede, omkransende element. Er der ikke et positioneret, omkransende element, vil elementet placere sig i forhold til body-elementet. Prøv:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>TITLE</title> </head> <body>
Det oprindelige problem er løst som sagt... Envidere er der kommet frem at "dropdown" menuen ligger oppe i Venstre hjørne når man køre musen hen over menuen... Det er i andre Browsere end IE....
Ja det veil jeg jo også mene... men det er sat helt ned til menuen så vidt jeg kan se... mainTable er sat, samme med TD'erne indeholdende Menuen, menuTable er ligeledes sat og det samme med TD'erne igen...
Jeg tror, du skal vælge at lave den, som man plejer - med 'løse' divs, der placeres med faste left- og top-værdier ... eller placeres dynamisk på onmouseover. Det andet tror jeg kun, du får problemer ud af :) /mvh
Problemet har været at jeg vil have menuerne "dynamiske" ikke Fast brede... Og derfor kan jeg ikke rigtig bruge det med Løse Divs og Positionering ud fra det... Det er der ikke særlig meget dynamik i hvis jeg pluselig omdøber Udstyr til Toiletpapir... som så ikke længere kan stå der og derfor vil udvide menuen...
jeg har kun krav til det skal virke i 2 Browsere og det er NS (7+) og IE 5.5+ Efter som at der ikke længere er mange der bruger de andre Browsere (Ref. TheCounter.com)...
Desuden Ligger de nok uden for målgruppen dem der bruger disse Browsere... Det ændre dog ikke på at der jo helst ikke skal være fejl i det...
Men finder jeg en anden løsning på det... så kommer den op... :)
Men kigger jeg i koden omkring mine "Menu-Tabeller" vil jeg selv sige det er HELT UDE AT SKIDE... problemet er dog sjovt nok at fjerner jeg den ene tabel der gør at det er der ude... så bliver det bare LORT... :o/...
Og det har jeg sidet og puslet med i lang tid... Men besluttede mig for lige at ligge det lidt på hylden og vende tilbage på et senere tidspunkt...
olebole >> Desuden er jeg "Design" minded, og ikke "kode" minded, så jeg bliver ved og ved til det ser ud som jeg vil have det... :o) Og giver ikke op... For det kan sQ ikke passe at det ikke kan laves... ;o)
Nop.. så vil den jo ikke lukke menuen når man går ud af den med mindre man hopper tilbage i TD'en og ud af den... Så det vil ikke lige være en god løsning... :o(
Det virker jo også fint i IE... men det er den blok i mit Script der holder menuen opppe når man går fra "hovedmenuen" til "Undermenuen" der nok er inefektiv i NS.. ?-/ evt... ved det sQ ikke helt, ville være min umiddelbare løsning... :-(
Scriptet ser jo ud som:
// Begin [ dropdownmenu ] var dom = (document.getElementById)?true:false; var ie4 = (document.all)?true:false; var sho = "";
function setShow(obj) { sho = obj; } // End [ dropdownmenu ]
sho er en parameter der sørge for at skulle holde menuen oppe hvis den er sat til den menu man står i... :-) For da jeg har Delay på min Mouse out i "Hovedmenuen" vil undermenune bare blive skjult efter de 50 millisekunder... Også selv om man har aktiveret "mousover" efekten i menuen på Div'en...
Derfor sætter den en parameter som fortæller at menuen altså er aktiv... og det virker jo glimrende i IE.. men hvad der lige sker i NS ved jeg sQ ikke... for der er Mouseouten på "hovedmenuen" herrer... så når man går uden for den TD lukker menuen, selv om Mouseover efekten på Diven burde forhindre den i at komme ind i den blok der lukker menuen igen... :o(
Ok... Jeg kan så ikke lige se hvorfor... men men Cutter også menuen på en sjov måde i NS hos mig... Men ved ikke lige hvorfor... og pusler også selv videre...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
