Avatar billede amazon Nybegynder
21. maj 2007 - 15:03 Der er 9 kommentarer og
1 løsning

100% højde i FF

Jeg har en baggrunds-div, der gerne skal strække sig fra top til bund i browservinduet. Det gør den også i IE, men ikke i FF, hvordan er det nu det er med det der?


#ekstra1 {position: absolute; left: 20px; top: 0; width: 180px; height: 100%; background: #555; z-index: -1;}

<div id="ekstra1">EKSTRA1</div>
Avatar billede amazon Nybegynder
21. maj 2007 - 15:08 #1
Hmmm. jeg er lige kommet frem til at det må være noget med z-index i stedet. sætter jeg den til 1 så lægger den sig ovenpå resten.

Men så kan jeg da lave spørgsmålet om til: Kan FF ikke arbejde med negativ z-index?
Avatar billede roenving Novice
21. maj 2007 - 15:09 #2
Har du husket at sætte de omkransende elementer til at have fuld højde ?-)

html,body{margin:0;padding:0;height:100%;}

-- og bruge en fuldt kvalificeret doctype, f.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede amazon Nybegynder
21. maj 2007 - 15:25 #3
Højden er kommet fint med, jeg har sat min container til z-index: 1 og ingen z-index på "ekstra1" så det løste sig. Jeg må næsten gå ud fra, at FF ikke arbejder med negativ z-index så?
Avatar billede amazon Nybegynder
21. maj 2007 - 15:27 #4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Min doctype ser sådan her ud. Det er til et css-system, så den har jeg bare kopieret fra en eksisterende side.
Avatar billede amazon Nybegynder
21. maj 2007 - 15:29 #5
Det var som sagt en storm i et glas vand, så jeg lukker lige her igen.

Vi ses nok igen i et andet af mine utallige spørgsmål... ;-)
Avatar billede amazon Nybegynder
21. maj 2007 - 15:31 #6
tåbelige mig, det var selvfølgelig et cms-system jeg mente ...  :0\
Avatar billede roenving Novice
21. maj 2007 - 15:34 #7
Hrm, jeg kunne ikke finde problemer med negative z-index i FireFox ?-)
Avatar billede amazon Nybegynder
21. maj 2007 - 15:44 #8
Underligt. Det eneste jeg ændrede var at lave z-index: 1; på min container og slette z-index: -1; fra min "ekstra1", og så var den der.
Det er nok bare mig og min browser, der er ved at blive kulret!
Avatar billede olebole Juniormester
22. maj 2007 - 15:47 #9
<ole>

z-index under 0 giver ikke mening ... måske derfor  ;o)

Hvad der heller ikke giver mening, er at skrive XHTML1.0-Transitional - så brug hellere den DTD, roenving viser  =)

/mvh
</bole>
Avatar billede roenving Novice
22. maj 2007 - 15:53 #10
Hvadfor dog ikke det ?-)

-- ligesom man kan have positive og negative margins horisontalt og vertikalt, kan man da også have positive og negative z-index, se f.eks. http://www.w3.org/TR/CSS21/zindex.html !-)
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