Ich möchte zwei DIVs nebeneinander platzieren.
Das linke DIV soll eine Grafik enthalten, das rechte DIV eine Beschreibung dazu. Ohne Inhalt werden beide DIVs nebeneinander positioniert. Sobald ich die Grafik in das linke DIV einbette, wird das rechte DIV unter die Grafik verschoben.
CSS: Code-Baustein:
HTML: Code-Baustein:
Das linke DIV soll eine Grafik enthalten, das rechte DIV eine Beschreibung dazu. Ohne Inhalt werden beide DIVs nebeneinander positioniert. Sobald ich die Grafik in das linke DIV einbette, wird das rechte DIV unter die Grafik verschoben.
CSS: Code-Baustein:
Code:
.wrapper {
background: white;
width: 1000px;
height: 500px;
float: left;
}
.picture {
background: green;
float: left;
width: 50%;
height: 300px;
}
.description {
background: yellow;
float: left;
width: 50%;
height:50px;
font-family: Tahoma, Arial, Geneva, sans-serif;
font-size: 14px;
color: #fff;
text-align: middle;
}
HTML: Code-Baustein:
Code:
<div class="wrapper">
<div class="picture">
<p><img src="images/equipment/tent.png" border="0" height="273px" width="390px" alt="Festzelt 4x4"/></p>
<div>
<div class="description">
<div>
<div>
<div class="clear"><div>