CSS Style Tipps

Positionieren Sie Elemente mit CSS.

Sehen Sie sich hier das Beispiel an... » HIER KLICKEN

Der Quelltext für den Headbereich:


<head>
<style type="text/css">
   <!--
#box1 {
position:absolute;
background:red;
border:solid 1px blue;
top:10px;
left:200px;
width:100px;
height:100px;
z-index:1;
margin: 2px 2px;
padding: 2px 5px;
}

#box2 {
position:absolute;
background:#DFDFDF;
border:solid 1px green;
top:60px;
left:250px;
width:100px;
height:100px;
z-index:2;
margin: 2px 2px;
padding: 2px 5px;
}
 -->
   </style>
</head>


Der Quelltext für den Bodybereich:

<hr> Ausgerichtete Elemente
<div id="box1">box1</div>
<div id="box2">box2</div> <hr>
CSS Style Tipps