Seite 1 Seite 2 Seite 3 zurück zum Artikel
2 verschachtelte Boxen mit:
aussen:
width: 100%;
margin: 0;
margin-top: 10px;
border: 0;
padding: 0;
innen:
!!! keine width-Zuweisung !!!
margin: 5%;
border: 1px solid #333333;
padding: 3%;
Diese verschachtelte Box wird in jedem Browser so dargestellt wie hier. Sie nimmt immer die horizontale Breite ein, die der äusseren Box zugewiesen wurde, und zwar incl. des margin der inneren Box. Mit diesem einfachen Trick erreiche ich eine zuverlässige Anzeige in allen Browsern, egal ob liquid Design oder feste Breite.
So kann man natürlich auch ein schönes klassisches 3-Spalten-Layout im liquid-Design erstellen: