Søg
Avatar billede triple-x Nybegynder
29. marts 2005 - 18:41 Der er 14 kommentarer og
2 løsninger

padding og margin

Hey eksperter,

Vil gerne høre nogle forklaringer på hvad den exacte forskel er på margin og padding.

evt et link til w3 eller lign men også gerne jeres egen forklaring

på forhånd tak
Avatar billede soes Nybegynder
29. marts 2005 - 18:49 #1
CSS Margin properties define the space around elements.
CSS Padding properties define the space between the element border and the element content.

Teksten er hentet fra www.w3schools.com
Avatar billede triple-x Nybegynder
29. marts 2005 - 18:52 #2
okay så altså på dansk vil det sige at Margin er noget man som regel bruger i body altså afstanden uden for elementer hvor imod padding er mellem elementet og f.eks. teksten?
Avatar billede soes Nybegynder
29. marts 2005 - 18:59 #3
Jeps, det er sådan at jeg forstår deres beskrivelse af det.
Avatar billede triple-x Nybegynder
29. marts 2005 - 19:02 #4
fint også min opfattelse af de 2.

Venter lidt og ser om andre også sku ha en mening til det, men smid du bare et svar
Avatar billede maabjerg Nybegynder
29. marts 2005 - 19:02 #5
Forklaring:

Padding bruges altid hvis du f.eks. i en tabel skal have lavet afstand fra kantten indad, hvorimod margin er hvis der skal være margin på selve siden. Den kan vist ikke bruges i tabeller.

eX. for margin:

<body topmargin="0">

eX. for padding:
<table>
<tr>
<td style="padding-left: 4">
&nbsp;
</td>
</tr>
</table>
Avatar billede triple-x Nybegynder
29. marts 2005 - 19:03 #6
maabjerg - okay så mener vi jo alle det samme, så mon ik det er rigtigt, smid et svar soes så får i begge 15 point for jeres hjælp
Avatar billede olebole Juniormester
29. marts 2005 - 19:04 #7
<ole>

Nej, ingen af forslagene er helt korrekte  :)
Margin og padding kan bruges på alle elementer. Padding lægger luft inde i elementet - margin udenfor.

<div style="padding-top:10px;border:1px solid red">
    <div style="border:1px solid blue;">en tekst</div>
</div>

<div style="border:1px solid red">
    <div style="margin-top:10px;border:1px solid blue;">en tekst</div>
</div>

- giver samme resultat  :)

/mvh
</bole>
Avatar billede triple-x Nybegynder
29. marts 2005 - 19:06 #8
olebole - super ole, smid du også bare et svar så får du også point :) jeg tror jeg har forstået forskellen nu.
Avatar billede soes Nybegynder
29. marts 2005 - 19:08 #9
Jeg har kun lavet noget copy/paste, synes ikke det berittigere til point, så jeg springer fra.
Avatar billede olebole Juniormester
29. marts 2005 - 19:09 #10
I øvrigt tolker ikke alle browsere margin og padding ens. På body-elementet bruger alle browsere margin til luft mellem body-kanten og indholdet - undtagen Opera, som bruger padding. Opera er med andre ord, den eneste browser, der behandler body-elementet korrekt i den henseende.

Et andet sted, hvor der ikke er enighed mellem browserne, er lister <ul>, <ol>, <li>, osv. Her er det altid en god idé at teste for at være sikker  ;o)
Avatar billede olebole Juniormester
29. marts 2005 - 19:09 #11
... og et lille svar  :)
Avatar billede triple-x Nybegynder
29. marts 2005 - 19:10 #12
Ole sikke mange guldkorn du kommer med, og stadig bare som kommentarer ;o)

Soes -smid du nu også bare et svar og betragt det som et forsinket påskeæg
Avatar billede triple-x Nybegynder
29. marts 2005 - 19:11 #13
tak ole :) var lidt langsom
Avatar billede olebole Juniormester
29. marts 2005 - 19:23 #14
triple-x >> Jeg må nok erkende, der kun er få kulørte pletter tilbage mellem mine grå hår. Naturligvis har min alder en hel del med det at gøre, men jeg bilder mig nu ind, browserne trods alt bærer deres del af ansvaret.
Kan jeg udsætte dine grå hårs fremvækst en tid ved at videregive mine hårdt indhentede erfaringer, gør jeg det hellere end gerne  ;o)
Avatar billede triple-x Nybegynder
29. marts 2005 - 19:26 #15
haha :) grå hår ska bare ha en omgang farve så bliver man 20 år yngre ;o) man skal bare tro nok på det selv :o)

Nå soes vil åbenbart ik ha et påske æg så du får 30 point Ole og maabjerg får 15
Avatar billede olebole Juniormester
29. marts 2005 - 19:42 #16
Njaa ... jeg har forlængst vænnet mig til mit udseende - og det er nok svært at få mig til at tro på, en gang farve kan ændre ret meget. Tak for points  ;o)
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
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
White papers
Flere white papers »