Avatar billede mik789 Nybegynder
22. juli 2003 - 12:11 Der er 7 kommentarer og
2 løsninger

relative mål i IE5

Når man koder i absolutte mål til IE5 skal man angive width/height som summen af den indre bredde/højde + margin, border og padding (i modsætning til IE6 hvor width/height kun er den indre bredde/højde). En box med padding 5px der reelt skal måle 100px i den fulde bredde/højde skal alstå have flg. mål:

IE5
width: 100px;
height: 100px;
padding: 5px;

IE6
width: 90px;
heigth: 90px;
padding: 5px;

Men hvordan er det hvis hvis man koder i relative mål. Hvis boksen er 100% i bredde/højde af parent-elementet, kan man så uden videre kode:

IE5
width: 100%;
height: 100%;
padding: 5%;

eller vil det "sprænge" det omgivende element? Jeg spørger fordi jeg tror at det problem jeg har i sp. http://www.eksperten.dk/spm/378268 har noget med dette at gøre.

//mik
Avatar billede je79ayps Novice
22. juli 2003 - 13:52 #1
Prøv at indsætte dette:

    voice-family: "\"}\"";
    voice-family: inherit;
    width: 348px;

Et eksempel ville være en div som ser sådan her ud:
#test{
position:relative;
width=350px;
top: 15px;
border:1px dotted #FF0000;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 348px;
}

Altså meningen at man skal skrive bredden som man gerne vil have det - både med margen, ramme og padding. Og i voice-family skriver man så den størrelse som NS og Mozilla skal kigge på.

Dvs. at i IE = 350px men i NS og Mozilla 348 + 2px (ramme) = 350px.
Avatar billede mik789 Nybegynder
22. juli 2003 - 14:39 #2
je79ayps> det kender jeg godt. det gælder kun IE5, ikke IE6 som opfører sig som NS/Mozilla. Men det er stadig kun absolutte mål. Hvordan ville du gøre hvis du skulle angive alle mål i % (border er et dårligt eks. - kan ikke angives i %, men f.eks. med padding).
Avatar billede je79ayps Novice
22. juli 2003 - 14:45 #3
Ups, så det jeg ikke. :o)

Det er ikke fordi du ikke bruger den rigtig .dtd? Kun hvis jeg sætter loose.dtd kan jeg få IE 6.0 til at opføre sig som Netscape og Mozilla.
Avatar billede mik789 Nybegynder
22. juli 2003 - 14:50 #4
nej, jeg bruger den rigtige dtd, men den skal stå allerførst (uden nogle tegn eller mellemrum før) og den skal indeholde en w3.org-URL. Hvis det er en xhtml dtd, skal man udelade xml-prologen (for ellers kommer dtd'en jo ikke først).

Det er sådan jeg har forstået det. Det har været oppe at vende flere gange her på exp.
Avatar billede je79ayps Novice
22. juli 2003 - 14:52 #5
Præcis! Så kan jeg nok ikke hjælpe dig. :o(
Avatar billede mik789 Nybegynder
22. juli 2003 - 19:19 #6
jeg prøvede at stave mig igennem kap 8 og 10 af http://www.w3.org/TR/REC-CSS2/ - hård læsning, og jeg vil ikke sige at jeg fuldt ud forstår det. det er indviklet at få fuld styr på af hvad procenterne udregnes - det varierer alt efter element osv., men i almindelighed er det af det de kalder "the containing box" som for det meste er det samme som det nærmeste omgivende blokelements "content box". det der hjalp var nok at jeg nu nøjes med at angive width og height i procenter, men padding i px.
Avatar billede je79ayps Novice
22. juli 2003 - 20:03 #7
Tak for point. Jeg har med held brugt nedenstående et par gange, men du kender det nok:

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
Avatar billede mik789 Nybegynder
22. juli 2003 - 20:21 #8
nej den kender jeg ikke. hvad gør det?
Avatar billede je79ayps Novice
22. juli 2003 - 20:35 #9
Det er igen noget med hvordan bredde regnes ud i de forskellie browsere - altså gør det ens. Prøv dig frem med det - jeg bruger normalt kun:

    box-sizing: border-box;
    -moz-box-sizing: border-box;

Men nogle kan det være nødvendigt at bruge begge.
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