mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 27.04.2024 07:13 Benutzername: Passwort: Auto-Login

Thema: padding? vom 24.10.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> padding?
Autor Nachricht
duplo1
Threadersteller

Dabei seit: 26.09.2011
Ort: Bamberg
Alter: 37
Geschlecht: Männlich
Verfasst Mo 24.10.2011 23:01
Titel

padding?

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
flavio

Dabei seit: 14.04.2003
Ort: MUC
Alter: 44
Geschlecht: Männlich
Verfasst Mo 24.10.2011 23:07
Titel

Antworten mit Zitat Zum Seitenanfang


  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Mo 24.10.2011 23:07
Titel

Antworten mit Zitat Zum Seitenanfang

Dann büffel weiter.Es gibt genug gute Quellen im Netz. Notfalls such Dir halt ne andere.
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 25.10.2011 11:27
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 25.10.2011 11:40
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Alle Werte addieren sich jeweils zum Boxmodell dazu.


nicht unbedingt:

http://bit.ly/fZGNW
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 25.10.2011 11:45
Titel

Antworten mit Zitat Zum Seitenanfang

bacon hat geschrieben:
Zitat:
Alle Werte addieren sich jeweils zum Boxmodell dazu.


nicht unbedingt:
http://bit.ly/fZGNW

+
Code:
box-sizing: border-box;
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Di 25.10.2011 11:49
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 25.10.2011 13:32
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Padding von Listenpunkten setzt sich über allg. Padding
[CSS] padding-right?
[solved] DIV und padding
[CSS] padding Problem
div in div // problem mit padding
Frage zum Padding
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.