CSS-Problem

Roman Locher · 29. April 2006

Jetzt probier ich schon eine halbe Ewigkeit an folgendem Problem rum: möchte das Layout wie im angehängten Bild dargestellt mit CSS umsetzen. Wie zum Henker bekomme ich es hin, dass die Box2 unten rechts platziert wird Habe schon mit text-align bzw. vertical-align probiert - kein Erfolg :-(

Gumbo · 29. April 2006

Probiere es mal mit der position-Eigenschaft, etwa:

Code:

container {
	position: relative;
}
box2 {
	position: absolute;
	bottom: 0;
	right: 0;
}

Maik · 29. April 2006

Und hier mein alternativer Lösungsvorschlag:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
div.wrapper {
width: 500px;
border: 1px solid #000;
}

div.leftBox {
float: left;
width: 200px;
height: 200px;
border: 1px solid #000;
background: #efefef;
}

div.rightBox {
float: right;
width: 200px;
height: 50px;
margin-top: 150px;
border: 1px solid #000;
background: #efefef;
}

div.clear {
clear: both;
height: 0;
line-height: 0;
margin: 0;
padding: 0;
font-size: 0;
}
-->
</style>

</head>
<body>

<div class="wrapper">
     <div class="leftBox">leftBox</div>

     <div class="rightBox">rightBox</div>

     <div class="clear">&nbsp;</div>
</div>

</body>
</html>

Roman Locher · 29. April 2006

Danke für die Vorschläge. Mit margin-top habe ich auch schon probiert. Ist aber nicht ganz ideal, da wenn Box1 höher wird, ist Box2 nicht mehr in der unteren rechten Ecke. Werde mal noch etwas testen ...

//edit

Was spricht eigentlich gegen padding-top im Gegensatz zu margin-top? Wenn ich den Rahmen um die Box nicht anzeige, ist das doch grad egal, oder!

Maik · 29. April 2006

Solange das Element keine CSS-Formatierungen erhält, die seine Boxgrenzen darstellen, könnte auch die padding-Eigenschaft verwendet werden. Aber das Problem bei zunehmender Höhe der Box 1 wird dadurch auch nicht gelöst.

CSS-Problem

Roman Locher

Mitglied

Gumbo

Erfahrenes Mitglied

Maik

Roman Locher

Mitglied

Maik

Neue Beiträge