Søg
Avatar billede -zonic- Nybegynder
16. juni 2007 - 01:11 Der er 18 kommentarer og
1 løsning

teorien bag padding?

hvis jeg har sat en div til at være width:400px;
og jeg så sætter padding:20px; burde det så ikke give at div'en stadig er 400px og at alt hvad jeg laver inden i den først starter 20px fra alle hjørner?!

for det der sker er, at min div bliver 440px altså +20 i hver side...og det har jeg sgu aldrig oplevet før :-(

er det mig der er stiv, eller hvordan burde det fungere?
Avatar billede w13 Novice
16. juni 2007 - 01:40 #1
Hmm.. Og det er vel ikke, fordi indholdet ikke kan være der? Det lyder i hvert fald underligt.
Avatar billede -zonic- Nybegynder
16. juni 2007 - 14:58 #2
tjah, den burde jo bare skifte linie, for det er ren tekst.
Avatar billede w13 Novice
16. juni 2007 - 21:36 #3
Nej, hvis den skal skifte linie, så skal du lægge word-wrap: break word; på
Avatar billede w13 Novice
16. juni 2007 - 21:36 #4
Hov, break-word!
Avatar billede -zonic- Nybegynder
17. juni 2007 - 00:38 #5
jamen det hele står i 5 linier så det burde sgu ikke være noget problem :)
Avatar billede -zonic- Nybegynder
17. juni 2007 - 00:38 #6
og jeg har ikke sat nogle breaks ind
Avatar billede roenving Novice
17. juni 2007 - 02:13 #7
Prøv at kigge på W3C's boksmodel, som selv IE faktisk overholder hvis man buger en fuldt kvalificeret doctype: http://www.w3.org/TR/REC-CSS2/box.html ...

Ifølge den, skal den totale bredde eller højde for et element netop tilføjes det, der ikke er indholdets bredde:

margin-left + border-left-width + padding-left + content-width + padding-right + border-right-width + margin-right !-)
Avatar billede olebole Juniormester
18. juni 2007 - 12:46 #8
<ole>

- men margin medgår ikke i elementets width og height, angivet i styles - ligesom den ikke medgår til beregningen af elementets offsetWidth og -Height.
Det gør derimod både padding og border.

/mvh
</bole>
Avatar billede -zonic- Nybegynder
20. juni 2007 - 12:44 #9
ok... så dvs. en div med width: 298px;, border-left:1px; padding-left:1px; vil give en bredde på 300px for min div?
Avatar billede olebole Juniormester
20. juni 2007 - 12:57 #10
Yups - lige præcis. Hvis du samtideig havde sat 'padding:10px', var bredden blevet 320px (10 i hver side)  =)
Avatar billede roenving Novice
20. juni 2007 - 16:30 #11
Øehm, ole, du skal da vist lige have pudset dine briller ...

width: 298px; border-left:1px; padding-left:1px; giver 300px

width: 298px; border-left:1px; padding-left:1px; padding:10px; giver 319px

width: 298px; border-left:1px; padding:10px; padding-left:1px; giver 310px

-- fordi en property sat efter en anden overskriver den foran !-)
Avatar billede olebole Juniormester
21. juni 2007 - 14:59 #12
Doooohhhh .... jeg så noget:
    border-left:1px; border-rigth:1px;

- men det var da en komplet autonom hallu ... sorry  :D
Avatar billede roenving Novice
22. juni 2007 - 01:47 #13
*G*
Avatar billede -zonic- Nybegynder
27. juni 2007 - 15:36 #14
hehe..hvis I lige smider svar, så smider jeg points
Avatar billede roenving Novice
27. juni 2007 - 16:38 #15
Velbekomme '-)
Avatar billede olebole Juniormester
28. juni 2007 - 13:11 #16
- selvom jeg bidrog med 'en majt, majt stuuuuuur nummer', må jeg erkende, jeg havde glemt at iføre mig min røde næse. Den slags er ikke noget, oldermanden i klovnelauget ser med milde øjne på, så jeg er bange for eksklusion, hvis jeg opkræver honnorar for dén optræden  ;oD
Avatar billede roenving Novice
28. juni 2007 - 13:42 #17
;O)
Avatar billede -zonic- Nybegynder
29. juni 2007 - 14:59 #18
freaks ;)
Avatar billede roenving Novice
29. juni 2007 - 16:05 #19
-- og 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
20/0711:23 System til bordreservation Af Strawberry i PHP
18/0720:34 Tidsbestemt Gendannelse - ny funktion i Windows Af Uvanga i Windows
18/0718:04 Ingen menubjælke i chrome Af valby i Browsere
White papers
Flere white papers »