Problem mit float
Hallo alle zusammen!
Ich habe ein kleines Problem mit dem floaten auf meiner Site. Die Container sollten so angeordnet sein wie auf der oberen Darstellung, ich bekomme allerdings das untere Ergebniss (auf dem beigefügten Bild).
Ich verwende den Dreamweaver cs6 und benutze das fließende Rasterlayout.
Der Code sieht folgendermaßen aus:
Box links oben{
clear: both;
float: left;
margin-left: 0;
width: 38.9795%;
padding:10px 5%;
display: block;
font-size:30px;
background-color:#b70047;
color:#fff;
}
Box rechts{
clear: none;
float: left;
margin-left: 1.4%;
width: 38.9795%;
padding: 10px 5%;
height:150px;
display: block;
background-color:#fff;
border-left:2px solid #db6391;
}
Box links unten{
clear: both;
float: left;
margin-left: 0;
width: 38.9795%;
padding: 10px 5%;
height:150px;
display: block;
background-color:#fff;
border-left:2px solid #a6e065;
margin-top:20px;
}
Bitte um Hilfe!
LG Lukas
|