Avatar billede majbom Novice
05. februar 2008 - 13:13 Der er 13 kommentarer og
1 løsning

problemer med divs og z-index

hej experter

så er den gal igen...

jeg er ved at være færdig med vores nye hjemmeside, jeg har løbende testet i firefox, opera, ie 5.5, 6 og 7 og det så fint ud.
desuden er w3 standarden overholdt.

nu har jeg så haft siden åbnet og fået nogle klager over at den ikke bliver vist rigtigt i IE før version 7, den ser sådan her ud: www.splazz.dk/files/wrong-nyform.jpg og skulle gerne se sådan her ud: www.splazz.dk/files/right-nyform.jpg.

som skrevet har jeg løbende testet i de mest gængse browser uden nævneværdige problemer, men fejlen opstår åbenbart ikke på en computer der har både IE6 og 7 installeret, men kun har en version før 7.

en anden ting der også sker i ie6, er at de 2 billeder der udgør banneret aldrig bliver loadet (ifølge ie), selvom de bliver vist på skærmen, står der stadig i statuslinjen at den henter billederne, og det forsvinder ikke...

på min testmaskine, hvor jeg har alle browserne installeret, og hvos siden bluver vist fint i ie6, bliver den også ved med at skrive at et eller flere af billederne mangler, selvom de bliver vist...

banneret er lavet af 2 billeder, selve banneret (det orange med skoene) og en ramme, hvor der er det nederste af y'et (fra "ny form") inde i rammen. baggrunden i rammen er gennemsigtig og banneret med skoen ligger bagved (z-index: -1;) rammen.

hvis i vil se noget kode må i lige sige til, jeg vil lige prøve at se om det er et kendt problem først.

pft
Avatar billede roenving Novice
05. februar 2008 - 13:20 #1
Arbejder du med floatede eller andre absolut positionerede elementer ?-)
Avatar billede majbom Novice
05. februar 2008 - 13:27 #2
ja de 2 <img> der driller har "position: absolute;"
Avatar billede roenving Novice
05. februar 2008 - 13:29 #3
Så lad være med det, og placér dem bare ved siden af hinanden !-)
Avatar billede majbom Novice
05. februar 2008 - 13:35 #4
vil de så komme bagved hinanden?
Avatar billede roenving Novice
05. februar 2008 - 13:43 #5
Skal de da være bag hinanden (underforstået: Lad mig se den kritiske kode !-)
Avatar billede majbom Novice
05. februar 2008 - 13:45 #6
<div id="banner"><img src="img/banner-ramme.png" alt="<?echo $selAd['adText'];?>" style="margin: 0; z-index:1;"><img id="bannerAd" src="img/ads/ad_<?echo $selAd['selAd'];?>" alt="<?echo $selAd['adText'];?>"></div>

#bannerAd
{
    /*position: absolute;*/
    margin: 1px 0 0 1px;
    z-index: -1;
}

nu er position: absolute; så fjernet fra begge <img>'erne
Avatar billede roenving Novice
05. februar 2008 - 13:53 #7
Prøv at beholde den absolutte position på banner-rammen, jeg kan forestille mig, at det andet bllede så folder sig ud alligevel (sæt evt. relevant størrelse på !-)
Avatar billede roenving Novice
05. februar 2008 - 13:54 #8
PS. Jeg skal videre i dagens tekst om lidt, så jeg vender nok først tilbage i nat eller i morgen !o]
Avatar billede majbom Novice
05. februar 2008 - 14:00 #9
det gør ingen forskel, begge billeder er stadig små...
Avatar billede majbom Novice
05. februar 2008 - 14:09 #10
hmm, af en eller anden grund ser det ud til at virke nu, rodede lidt i koden og lavede det tilbage til det samme som da det ikke virkede, og så blev rammen rigtig størrelse, så satte jeg height og width på selve banneret og vupti, så så det sq rigtigt ud :)

den står dog stadig og tykker på de billeder :S
Avatar billede majbom Novice
05. februar 2008 - 14:15 #11
heh det er sq underligt med de billeder, en sjælden gang, kan den gøre det perfekt, men for det meste står den og loader de 2 billeder, selvom de er kommet frem...
Avatar billede majbom Novice
07. april 2008 - 15:08 #12
nå, det virker da med at billederne kommer rigtigt frem, selvom den nogle gange bliver ved med at skrive at der mangler et eller 2 elementer (som er de 2 i banneret).

og undskyld det har trukket lidt ud...

smider du et svar roenving?
Avatar billede roenving Novice
07. april 2008 - 15:21 #13
Oki '-)
Avatar billede roenving Novice
07. april 2008 - 15:32 #14
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester