| Autor |
Nachricht |
duplo1
Threadersteller
Dabei seit: 26.09.2011
Ort: Bamberg
Alter: 25
Geschlecht: 
|
Verfasst Mo 24.10.2011 23:01
Titel padding? |
  |
|
hallo,
ich bin grad an der theorie von css buffeln und bin auf padding gestossen, was margin ist und welchen zweck es erfüllt verstehe ich aber was bewirkt das padding ckeck ich net.
beste grüße
|
|
| |
  |
 |
| |
|
|
flavio
Dabei seit: 14.04.2003
Ort: MUC
Alter: 33
Geschlecht:
|
Verfasst Mo 24.10.2011 23:07
Titel
|
|
|
|
|
| |
 |
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Mo 24.10.2011 23:07
Titel
|
|
|
|
Dann büffel weiter.Es gibt genug gute Quellen im Netz. Notfalls such Dir halt ne andere.
|
|
| |
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 25.10.2011 11:27
Titel
|
|
|
recht einfach merken:
1. Margin ist quasi der äußere Rahmen oder eher Abstand vom Element
2. Padding ist quasi der innere Rahmen oder eher Abstand zum Element
3. Border liegt genau dazwischen
Alle Werte addieren sich jeweils zum Boxmodell dazu.
|
|
| |
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 25.10.2011 11:40
Titel
|
|
|
| Zitat: | | Alle Werte addieren sich jeweils zum Boxmodell dazu. |
nicht unbedingt:
http://bit.ly/fZGNW
|
|
| |
|
|
Smooth-Graphics
Moderator
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 25.10.2011 11:45
Titel
|
|
|
| bacon hat geschrieben: | | Zitat: | | Alle Werte addieren sich jeweils zum Boxmodell dazu. |
nicht unbedingt:
http://bit.ly/fZGNW |
+
| Code: | | box-sizing: border-box; |
|
|
| |
|
|
top
Dabei seit: 25.11.2003
Ort: Gameboy
Alter: 40
Geschlecht:
|
Verfasst Di 25.10.2011 11:49
Titel
|
|
|
Wichtig wird der Unterschied zwischen padding und margin auch dann, wenn du mit Hintergrundfarben (oder Hintergrundbildern) arbeitest.
Hier sieht es erst einmal gleich aus: | Code: | <p style="padding: 0px; margin: 8px;">bla</p>
<p style="padding: 8px; margin: 0px;">bla</p> |
Aber hier wird der Unterschied sichbar: | Code: | <p style="padding: 0px; margin: 8px; background-color: yellow;">bla</p>
<p style="padding: 8px; margin: 0px; background-color: yellow;">bla</p> |
|
|
| |
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 25.10.2011 13:32
Titel
|
|
|
| bacon hat geschrieben: | | Zitat: | | Alle Werte addieren sich jeweils zum Boxmodell dazu. |
nicht unbedingt:
http://bit.ly/fZGNW |
Das Boxmodel wird dennoch um die Wert ergänzt. Gibst du deinem Content eine Breite von beispielsweise 200 und willst anschließend das Margin bzw. Padding ergänzen, muss die Breite des Contents um die Werte reduziert werden, da sonst das Element nicht mehr ins Raster passt.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Padding von Listenpunkten setzt sich über allg. Padding
Frage zum Padding
[CSS] padding-right?
[CSS] padding Problem
problem mit padding/margin
Problem mit Padding-Left
|
|
Willkommen auf dem Portal für Mediengestalter
