Supportnet / Forum / Webseiten/HTML
Unterschied zwischen margin-left und left
Frage
Hallo,
ich versuche gerad CSS zu lernen... und dabei verstehe ich nicht, was der Unterschied zwischen margin-left und left sein soll.
Ich hab bei css4you folgende Definitionen gefunden, aber der Unterschied ist mir immer noch nicht klar.
[quote]Positionieren: left, right, top, bottom
Beispiel
Die Angaben left, right, top, bottom legen die Position eines Elements fest. Voraussetzung dafür ist die Angabe der Positionsart mit absolute, relative oder fixed.
left
Abstand des linken Elementrand vom linken Rand des übergeordneten Elements.
right
Abstand des rechten Elementrand vom rechten Rand des übergeordneten Elements.
top
Abstand des oberen Elementrand vom oberen Rand des übergeordneten Elements.
bottom
Abstand des unteren Elementrand vom unteren Rand des übergeordneten Elements.
Du musst für die horizontale Positionierung left oder right und für die vertikale Positionierung top oder bottom angeben.
Außenabstand links: margin-left
Diese Eigenschaft gibt es seit Version: CSS 1
Erzeugt links von dem Element einen Abstand zu anderen Element. Außenabstände kannst du als transparenten Rand um ein Element betrachten.
Code Beispiel für margin-left
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
p {margin-left:150px;}
</style>
</head>
<body>
<p> Dieser Absatz hat einen Abstand von 150px nach links</p>
</body>
</html>
[/quote]
Weiss jemand, wo der Unterschied liegt?
Vielen Dank vorab
Gruss Mel
Antwort 1 von rfb
left ist der Abstand links zum Elternelement, margin-left ist der Abstand links zum Nachbarelement.
margin-left nutzt du, wenn das Element - außer einem etwas anderen Abstand zum Nachbarelement - so positioniert sein soll, als wenn du gar nix darüber im CSS angibst. left nutzt du, wenn die Position des Elements völlig anders sein soll und nicht von der Position irgendwelcher Nachbarelemente abhängen soll.
margin-left nutzt du, wenn das Element - außer einem etwas anderen Abstand zum Nachbarelement - so positioniert sein soll, als wenn du gar nix darüber im CSS angibst. left nutzt du, wenn die Position des Elements völlig anders sein soll und nicht von der Position irgendwelcher Nachbarelemente abhängen soll.
Antwort 2 von Ralfman
http://www.wintotal.de/softw/index.php?rb=24&id=42
Lad Dir das mal, probier´s aus und Du wirst vieles verstehen.
Ansonsten: Lesen, lesen, lesen.
Ralf
Lad Dir das mal, probier´s aus und Du wirst vieles verstehen.
Ansonsten: Lesen, lesen, lesen.
Ralf
Antwort 3 von rfb
@Ralfman:
glaubst du ehrlich, mit einem solchen Tool CSS-Wissenslücken schließen zu können? Das klingt für mich so, als würde ein Deutschlehrer seinen Schülern empfehlen Texte in Word zu schreiben statt Rechtschreibregeln zu lernen, durch die automatische Rechtschreibkontrolle kämen sie dann schon dahinter was richtig ist.
glaubst du ehrlich, mit einem solchen Tool CSS-Wissenslücken schließen zu können? Das klingt für mich so, als würde ein Deutschlehrer seinen Schülern empfehlen Texte in Word zu schreiben statt Rechtschreibregeln zu lernen, durch die automatische Rechtschreibkontrolle kämen sie dann schon dahinter was richtig ist.
Antwort 4 von Mel
Aha,
nu ist alles klar. Vielen Dank.
Ja, ich hatte schon viel gelesen. Am besten gefiel mir zur Einführung:
-Die Referenz von css4you
-die Einführung zum Thema CSS von jendryschik.de
-und die tutorials von andreas-kalt.de zum Thema css-layout-erstellen
Ich werd mir auch mal das Programm anschauen / ausprobieren, obwohl ich, wie rfb schon andeutete, die Grundlagen gern erst verstehen würde, bevor ich nen "Workshop" betreib.
Ich meld mich wieder um ein Feedback zum Programm zu geben.
Vielen lieben Dank
Mel
nu ist alles klar. Vielen Dank.
Ja, ich hatte schon viel gelesen. Am besten gefiel mir zur Einführung:
-Die Referenz von css4you
-die Einführung zum Thema CSS von jendryschik.de
-und die tutorials von andreas-kalt.de zum Thema css-layout-erstellen
Ich werd mir auch mal das Programm anschauen / ausprobieren, obwohl ich, wie rfb schon andeutete, die Grundlagen gern erst verstehen würde, bevor ich nen "Workshop" betreib.
Ich meld mich wieder um ein Feedback zum Programm zu geben.
Vielen lieben Dank
Mel