Avatar billede atheist Nybegynder
26. juni 2004 - 11:56 Der er 5 kommentarer og
2 løsninger

CSS respekterer ikke angiven højde

Jeg har en side, www.nordseehutte.de hvor jeg er ved at sætte layout op. Alt klapper indtil jeg kommer til at skulle sætte højden på den store boks... Den er ligeglad med hvad jeg angiver som height. I mit style sheet har jeg:


#centerboks {
    height:100px;
    width:600px;
    border-style:solid;
    border-color:#c0c0c0;
    border-width:1px;
    position: absolute;
    top:40px; 
        left: 50%;
        margin-left: -300px; 
    font-family:tahoma,sans-serif;
    font-size:10px;
    color:#000000;

}
Alle andre end lige height er på plads og funker som de skal...
Nede på min side har jeg 4 elementer, som jeg flytter fra deres normale position med:
style="position:absolute;top:290px;left:0px;"
osv, kan det være dem som browseren "gør plads til" selvom de ikke er der?
Avatar billede Slettet bruger
26. juni 2004 - 12:02 #1
Nej, det er kun float som skubber andre elementer væk, for at gøre plads til sig selv. Absolute-elementer derimod, kan du anbringe hen over hinanden, og tilmed bestemme rækkefølgen via z-index.  :-)

Så der må være et problem et andet sted.
Avatar billede Slettet bruger
26. juni 2004 - 12:06 #2
Her er min absolute som jeg bruger som udgangspunkt. Og jo, den virker i både Opera, IE, Netscape og Mozilla.  :-)

html,body {
    margin: 0px;
    padding: 0px;
    text-align: center;  }       

#main_container {
    position: absolute;   
    top: 50%;
    height: 432px;   
    margin-top: -220px;
    left: 50%;                       
    width: 750px;                /* IE5/Win: Her tillægges 2 x padding (= 0px)  +  2 x border (= 0px)    i alt= 0px */
    margin-left: -375px;   
    padding: 0px;
    border: none; }
html>body #container {
    width: 750px;                /*Til Opera og andre w3c-korrekte browsere. */
    margin-left: -378px;  }

Prøv at bruge den, og så ellers tilpas den til dit eget design.  Pøj-pøj.  :-)
Avatar billede Slettet bruger
26. juni 2004 - 12:08 #3
Det skulle selvfølgelig være et svar, og et godt oplæg til en løsning til dig.  :-)
Avatar billede Slettet bruger
27. juni 2004 - 17:42 #4
Hvad så? Fandt du ud af det?
Avatar billede atheist Nybegynder
27. juni 2004 - 19:41 #5
Jeg beklager, men det bider overhovedet ikke på den... Den er komplet ligeglad.
Avatar billede atheist Nybegynder
27. juni 2004 - 19:56 #6
ok, jeg fandt selv løsningen, og selvom jeg er lidt temmelig meget flov over det, så var det at jeg inde i boksen der gav problemer, havde en anden dizv, hvis højde var sat til 700px... Så den klemte boksen ud i den højde, nu har den højde den skal have - jeg tillader mig at tage pointene selv, og jeg undskylder overfor extend da han ikke havde nogen chance for at finde DEN fejl, og takker for at han gad tage sig tid...
Avatar billede Slettet bruger
27. juni 2004 - 21:37 #7
Ok, men det vigtigste var jo, at du fandt ud af det.  :-)
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