Muscleburst: css container

Beitrag lesen

SELF-Forum

css container

Muscleburst
+2 Informationen zu den Bewertungsregeln

#1# #2#

Soviel zu deinen Ziel, fangen wir mal an.

mein css code guckt so aus:

<body>
<div></div>
</body>

<body>
<div></div>
</body>

Erstens ist das angegebene natürlich ein HTML-Code und zweitens hat ein HTML-Dokument immer nur einen Body, in welchem sämtlicher angezeigter Inhalt geschrieben wird.

So müsste dein Body, mit 2 Containern (Div's) dann eingentlich aussehen.

<body>  
   <div id="box1></div>  
   <div id="box2></div>  
</body>

Wir haben hier jetzt 2 Container mit 2 verschiedenen IDs, damit wir diese auch in unserem CSS-Dokument ansprechen können. Diese beiden Container liegen jetzt aber automatisch untereinander. Damit beide nebeneinander liegen geben wir nicht nur einem Div eine Float-Eigenschaft, sondern beiden die selbe. Unzwar wäre in diesem Fall "left" eine Möglichkeit beide schön zu positionieren. Hier mal unser CSS-Dokument:

#box1 {  
   float: left;  
}  
#box2 {  
   float: left;  
}

Ich habe oben 2 IDs angegeben damit man die Container leichter getrennt bearbeiten kann, aber das hast du ja, man könnte der Übersicht wegen das ganze auch so schreiben:

#box1, box2 {  
   float: left;  
}

Um den Abstand zwischen den beiden Containern zu erstellen reicht ein simples margin bei einem der beiden Container.

-MuscleB

Beitrag melden
+2
Informationen zu den Bewertungsregeln