Herzlich willkommen im Archiv vom ABAKUS Online Marketing Forum
Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.
Code: Alles auswählen
<body>
<div style="margin-left: auto; margin-right: 20px">
Inhalt ...........
</div>
</body>
Code: Alles auswählen
<body>
<div style="width: 800px; margin-left: auto; margin-right: -820px">
Inhalt ...........
</div>
</body>
Code: Alles auswählen
<body>
<div style="background-color: green; margin-left: 800px; margin-right: 50px">
Inhalt......
</div>
</body>
Code: Alles auswählen
<div id="wrap">
</div> <!-- wrap ende // -->
Code: Alles auswählen
<div id="wrap">
<div id="sidebar"> LINKE SPALTE </div> <!-- sidebar ende // -->
<div id="header"> HEADER </div> <!-- header ende // -->
<div id="content"> CONTENT </div> <!-- content ende // -->
</div> <!-- wrap ende // -->
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
* { margin:0; padding:0; }
#wrap {width:960px; margin:auto;}
#sidebar {width:160px; float:left; height:800px;}
#header {width:800px; float:right; height:150px;}
#content {width:800px; float:right;}
/* Farben */
#sidebar { background-color:red;}
#header {background:green;}
#content {background:yellow;}
</style>
</head>
<body>
<div id="wrap">
<div id="sidebar"> LINKE SPALTE </div> <!-- sidebar ende // -->
<div id="header"> HEADER </div> <!-- header ende // -->
<div id="content"> CONTENT </div> <!-- content ende // -->
</div> <!-- wrap ende // -->
</body>
</html>
Den Ausdruck kannte ich in dem Zusammenhang noch nicht.was du suchst sind sog. FLOATS.
Der WRAP hat eine feste Breite von 960 Pixeln. Mit margin:auto; kann man ihn dann auf dem Bildschirm zentrieren.M2 hat geschrieben:Danke für Deine Mühe. Ist gar nicht mal schlecht. Was ich nicht verstehe:
Wie bekommst Du den Abstand rechts und links von LINKE SPALTE, HEADER und Content hin? Margin ist ja null.
Den Ausdruck kannte ich in dem Zusammenhang noch nicht.was du suchst sind sog. FLOATS.
Ja also genau genommen nicht die Elemente innerhalb sondern den Div container selbst. Und er muss eine Breite haben damit es funktioniert.M2 hat geschrieben:D.h., margin:auto; zentriert alle Elemente innerhalb dieses Divs, richtig?
Halt mich, von mir aus, für sau dumm, aber das wusste ich nicht.
Mir war zwar bewusst, dass der Browser (bei margin:auto) den Abstand selbst berechnet,
jedoch wusste ich nicht, dass dies zu gleichen Teilen geschieht.
Ich bin mir ziemlich sicher, das schon mal getestet zu haben.
Jedoch hat das aus mir nicht bekannten Gründen nicht funktioniert.
Wahrscheinlich lag der Fehler VOR dem Bildschirm.
Egal, lieber lebend lernen, als dumm sterben. Danke!