Hallo.
Ich möchte unter zwei gleich großen Boxen den Platz möglichst effektiv aufteilen. D.h., dass der Benutzer bei kleinen Bildschirmauflösungen nicht scrollen muss, aber bei höheren Auflösungen der Platz ohne Zeilenumbruch ausgenutzt wird.
Bisher habe ich es mit den zwei Boxen so gemacht:
#Box1 {
position:relative;
float: left;
width: 45%;
padding: 5px 5px 5px 100px;
margin: 8px 5px 8px 8px;
height: 160px;
background-color: #F3F3FF;
}
#Box2 {
position:relative;
float: left;
width: 45%;
padding: 5px;
margin: 8px 8px 8px 5px;
height: 160px;
background-color: #F3F3FF;
}
Bei dem oberen Beispiel wird der Platz zwar gut im Internet Explorer aufgeteilt, beim Firefox entsteht aber ein Zeilenumbruch.
Die Boxen sollten aber am besten position:relative beinhalten. Wenn es damit nicht funktioniert, dann ist das auch OK.
Ich hoffe, hier hat jemand eine Idee, wie ich den Platz am besten ausnutzen kann.
Grüße,
Jack