Hallo,
wie kann ich folgende DIV Container:
Auf die verfügbare Breite (100%) gleich aufteilen und wenn man die Seite in der Größe ändert, diese auf einen Minimalwert verkleinert und dann auf eine Zeile darunter verschiebt?
Responsive Layout nennt sich das denk ich?
Ich habe die CSS so:
Das funktioniert soweit auch ... aber:
1. ist es nicht immer auf die volle Breite
2. Am iPad bricht er mir das letzte Feld um, wobei es von der Pixelbreite eigentlich reichen sollte.
Danke!
wie kann ich folgende DIV Container:
HTML:
<div class="groupinfo">
<div class="appbox">
<div class="appbox-title">Feld1</div>
</div>
<div class="appbox">
<div class="appbox-title">Feld2</div>
</div>
<div class="appbox">
<div class="appbox-title">Feld3</div>
</div>
<div class="appbox">
<div class="appbox-title">Feld4</div>
</div>
<div class="appbox">
<div class="appbox-title">Feld5</div>
</div>
</div>
Auf die verfügbare Breite (100%) gleich aufteilen und wenn man die Seite in der Größe ändert, diese auf einen Minimalwert verkleinert und dann auf eine Zeile darunter verschiebt?
Responsive Layout nennt sich das denk ich?
Ich habe die CSS so:
HTML:
.groupinfo:after {
content:"";
box-sizing: inherit;
display: table;
clear: both;
margin: 10px;
}
.appbox {
float: left;
box-sizing: inherit;
width: 17.4%;
min-width: 80px;
text-align:center;
padding:10px;
margin-right: 8px;
margin-bottom: 8px;
vertical-align:top;
-moz-border-radius: 20px;
border-radius: 20px;
background-color:rgba(6,153,250,0.1);
}
Das funktioniert soweit auch ... aber:
1. ist es nicht immer auf die volle Breite
2. Am iPad bricht er mir das letzte Feld um, wobei es von der Pixelbreite eigentlich reichen sollte.
Danke!