Hallo,
Ich habe folgendes Problem:
Ich habe ein div in dem 3 weitere nebeneinander angeordnet sind. Ich möchte das div detail_head_status zu 100% füllen (breite), egal wie groß das Browserfenster ist. Ich habe also 3 divs mit 2x14%, 1x80% und 2 mal margin mit je 1%, in Summe also 100%. Die 3 Divs brechen aber im Browser um, so dass die ersten beiden nebeneinander, das dritte dann in einer neuen Zeile steht.
Wie kann ich das verhindern?
Vielen Dank,
Stefan
Ich habe folgendes Problem:
Ich habe ein div in dem 3 weitere nebeneinander angeordnet sind. Ich möchte das div detail_head_status zu 100% füllen (breite), egal wie groß das Browserfenster ist. Ich habe also 3 divs mit 2x14%, 1x80% und 2 mal margin mit je 1%, in Summe also 100%. Die 3 Divs brechen aber im Browser um, so dass die ersten beiden nebeneinander, das dritte dann in einer neuen Zeile steht.
Wie kann ich das verhindern?
PHP-Code:
<div id="detail_head_status">
<div class="statusbar_small">balblablabla</div>
<div id="statusbar_big">blablablbla</div>
<div class="statusbar_small" id="favs">blablbla</div>
</div>
PHP-Code:
#detail_head_status{
width: 100%;
margin-bottom: 15px;
}
.statusbar_small
{
width: 14%;
height: 110px;
float: left;
padding: 10px;
background-color: rgba(246,246,246,0.7);
box-shadow: 1px 1px 1px 1px rgba(216,216,216,1);
text-align: center;
}
#statusbar_big
{
height: 110px;
float: left;
width: 80%;
margin: 0% 1% 0% 1%;
padding: 10px;
background-color: rgba(246,246,246,0.7);
box-shadow: 1px 1px 1px 1px rgba(216,216,216,1);
}
.favs{
clear: both;
}
Stefan
Kommentar