Avatar billede horizon Nybegynder
22. marts 2006 - 21:52 Der er 7 kommentarer og
1 løsning

absolute position og minimum position?

Jeg har på min side et layer i bunden der dækker hele bunden

men jeg vil samtidigt styre at den ved mindre opløsninger ikke dækker for de andre layers da grafikken ellers gør underligt, den skal helst ikke komme længere mod toppen end 600px, men kan ikke få den til det.

Det jeg har prøvet med er:

#Bundboks      { background-image: url(Billeder/Bund.jpg); text-align: center; position: absolute; z-index: 1; top: 600px; bottom: 0; left: 0; width: 100%; height: 40px; float: none; vertical-align: 50% }

den sidder nu fast ved top: 600px, hvad gør jeg?
Avatar billede milandt Nybegynder
23. marts 2006 - 01:04 #1
du kan ikke både angive top:600px; og bottom:0px; det giver ingen mening.

du bliver nok nødt til at holde fast i at den skal positioneres efter bunden af siden, altså bottom:0px; men så bruge javascript til at spørge på sidens højde, og hvis den er mindre end 600+40 px så skjule #Bundboks

if(document.documentElement.clientHeight < 640)
  document.getElementById('bundboks').style.display = 'none';

eller noget i den dur..
Avatar billede horizon Nybegynder
23. marts 2006 - 01:10 #2
ved det, men ville prøve det, man ved jo aldrig hvordan IE vil reagere på det ;)

kan man evt. ikke gøre noget med at lægge et layer der er 600 høj "oven over" bundlayeret? og så de er på samme niveau? eller gøre selve bundboks layeret 640 højt? vil det så ikke virke så?
Avatar billede milandt Nybegynder
23. marts 2006 - 09:51 #3
prøv at beskriv hvad det er du gerne vil opnå.

jeg har forstået det sådan, at du gerne vil ha et lag der er 40px højt, til at ligge i bunden af siden hele tiden, på nær hvis siden er mindre end 640px høj. er det korrekt?

hvad skal der ske hvis browser vinduet er 500px højt? hvad skal der ske hvis det er 620px højt?
Avatar billede horizon Nybegynder
23. marts 2006 - 15:16 #4
altså... er højden på det synlige browservindue mindre end 600 pixels højt skal bundbaren være under alle layers, så den starter på pixel 600 og nedefter. er browservinduet større, så skal den være i bunden af skærmen
Det er det jeg vil have :P
Avatar billede milandt Nybegynder
23. marts 2006 - 20:33 #5
prøv at sætte et negativt z-index så - det må man gerne iflg css 2.1 specifikationen.

det kan være at du skal give resten af dine elementer z-index:0 før du får den ønskede effekt

så skal du bare positionere dit bund boks i bottom:0px

prøv det
Avatar billede horizon Nybegynder
23. marts 2006 - 20:41 #6
har prøvet det, men det funger ikke helt efter hensigten stadig... men tror jeg dropper den og smider den et andet sted hen på siden. Det virker umiddelbart som det nemmeste
Avatar billede horizon Nybegynder
02. april 2006 - 16:44 #7
har smidt det ude i venstre side af skærmen istedet, så nu er den sag ude af verden.
Avatar billede milandt Nybegynder
02. april 2006 - 21:17 #8
no problem. skulle det være en anden gang.
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