Hallo,
wie schaffe ich es das zwei kleinere div-Boxen nebeneinander in einer größeren div-Box angezeigt werden?
Ich habe einen großen Bereich .nr1 mit gelben Hintergrund und darin sollen die zwei kleineren Boxen .bild1 und .kat1 nebeineinander stehen.
HTML
<div class="nr1">
<div class="bild1"><span>.bild1</span></div>
<div class="kat1"><span>.kat1</span></div>
</div>
CSS
.nr1{
width: 385px;
height: 85px;
background-color: #FFFFAC;
border: 1px solid green;
margin: 5px;
}
.bild1{
width: 120px;
height: 75px;
border: 1px solid black;
background-color: #E5E5E5;
margin: 4px;
}
.kat1{
width: 120px;
height: 75px;
border: 1px solid black;
background-color: red;
margin: 4px;
}
Alles anzeigen
erst sieht es so aus:
[Blockierte Grafik: http://abload.de/img/bild3isz4.png]
Dann muss ich die box an die Stelle schieben wo ich sie haben will:
CSS
.kat1 {
background-color: #FF0000;
border: 1px solid black;
height: 75px;
margin: -81px 4px 4px 135px;
position: absolute;
width: 120px;
}
[Blockierte Grafik: http://abload.de/img/bildq9sv5.png]
Gibt es auch einen anderen weg dies zu bewerkstellligen? Zb. das die zweite kleine box .kat1 direkt im gelben bereich angezeigt wird und nicht erst darunter oä.? Oder gibt es nur diesen Weg?
lg, Heinz