• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Schrift über Bild

M

Moritz347

Neues Mitglied
Wie würdet ihr Schrift über einem Bild erstellen? Das Bild soll diese Eigenschaften haben:

#content {
background: url("img/background.png");
background-position: center center;
background-size: cover;
background-attachment: fixed;
}

Mein Problem ist wenn ich jetzt den Text versuche zu positionieren, (mit margin) wird der obere Rand vom Bild weiß. Was mache ich falsch?

LG Moritz
 
Werbung:
Hallo

Zur Beantwortung deiner Frage reichen die Informationen nicht aus. Am besten wäre ein Link zu der Problemseite.

Gruss

MrMurphy
 
Moritz347 schrieb:
Mein Problem ist wenn ich jetzt den Text versuche zu positionieren, (mit margin) wird der obere Rand vom Bild weiß. Was mache ich falsch?
Zum Vergrößern anklicken....
Ersetze margin durch padding, damit #content nicht mehr nach unten rutscht.

Oder wende die Hintergrundbild-Formatierungen einfach direkt auf <body> an.
CSS: 
body {
background: url("img/background.png");
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
 
Werbung:
Spicelab schrieb:
Ersetze margin durch padding, damit #content nicht mehr nach unten rutscht.

Oder wende die Hintergrundbild-Formatierungen einfach direkt auf <body> an.
CSS: 
body {
background: url("img/background.png");
background-position: center center;
background-size: cover;
background-attachment: fixed;
}
Zum Vergrößern anklicken....
Danke
Warum benutzt man in dem Fall jetzt padding statt margin? Einfach durch rumprobieren?
 
Moritz347 schrieb:
Warum benutzt man in dem Fall jetzt padding statt margin? Einfach durch rumprobieren?
Zum Vergrößern anklicken....
Nein, kein try & error :cool:

Die Eigenschaften bewirken grundsätzlich ein unterschiedliches Verhalten der Elemente.

margin erzeugt einen Außenabstand, padding hingegen einen Innenabstand.
 
Werbung:
Wenn du margin verwenden möchtest oder musst, dann gib dein #content noch ein minimalen Innenabstand (padding:1px) oder (float:left;width:100%). Warum margin in diesem Fall Probleme verursacht weiß ich nicht mehr so genau.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben