Avatar billede electrobeat_dk Nybegynder
19. maj 2007 - 13:33 Der er 9 kommentarer og
1 løsning

div height og width sammen med padding

Hvis man anvender padding i en div hvor height eller width er defineret ændrer height og width sig. Er det muligt at lave height og width så de forbliver den samme uanset om man også sætter padding?
Avatar billede roenving Novice
19. maj 2007 - 14:41 #1
Hvis ikke du har sat browseren i quirks-mode, skal bredden af et element beregnes som:

margin-left + border-left-width + padding-left + element-bredde + padding-right + border-right-width + margin-right !-)

-- altså skal en padding påvirke elementets samlede bredde ...
Avatar billede electrobeat_dk Nybegynder
19. maj 2007 - 14:55 #2
quirks-mode?
Avatar billede electrobeat_dk Nybegynder
19. maj 2007 - 14:57 #3
i tables laves bredden da ud fra den aktuelle bredde som er defineret i width?

det sker jo ikke i div.. det jeg vil frem til er om der findes en metode så bredden i div beregnes på samme måde som i tables
Avatar billede roenving Novice
19. maj 2007 - 15:17 #4
I css-standarden defineres en bredde ud fra ovenstående metode, men browserne havde i gamle dage en anden metode, hvor specielt padding ikke var en selvstændig del, men tog plads op inde i elementet ...

Dette gør en del browsere stadig, hvis den ikke får besked på, at den skal opføre sig, som rekommendationerne foreskriver ...

-- og får den ikke den besked er den i quirks-mode ...

I standards-mode opfører alle nogenlunde moderne browsere sig som standarden foreskriver, derfor er det nødvendigt at sørge for, at browserne er enige, og derfor er det nødvendigt at sætte en doctype inkl. dtd-link som det allerførste i et html-dokument ...
Avatar billede electrobeat_dk Nybegynder
19. maj 2007 - 17:01 #5
dvs. at standarden i dag medregner padding i width? altså samlet width = width + padding + border.. eller hvordan skal det forstås? :)

skulle det her ikke være nok?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Avatar billede roenving Novice
19. maj 2007 - 17:03 #6
Jo, så skulle alle de browsere, jeg knder, være enige om, at bl.a. padding skal lægges til den samlede bredde !-)
Avatar billede electrobeat_dk Nybegynder
19. maj 2007 - 17:15 #7
ok.. jeg havde bare forståelsen af at det var omvendt - at padding f.eks. ikke skulle regnes med i den samlede width

men lav et svar
Avatar billede roenving Novice
19. maj 2007 - 17:20 #8
Hvis du slår op på http://w3.org efter box-model, vil du finde det lige med det samme !-)

Velbekomme '-)
Avatar billede roenving Novice
19. maj 2007 - 17:22 #9
-- og jeg gjorde det så, følte mig heldig, og kom til: http://www.w3.org/TR/REC-CSS2/box.html !-)
Avatar billede roenving Novice
20. maj 2007 - 12:48 #10
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