Container soll Seitenfüllen sein, und skallierbar
bearbeitet vonHallo,
alle miteinander. Ich habe bei einer CSS Seitengestaltung Darstellungs Probleme.
Ich möchte das Sich mein Content über die ganze Seite verteilt, nur 2% oben und 2% unten sollen frei sein
Die Seite soll max. 1400px Breit sein.
Mein Content ist einfach ca. 5% zu viel. Wenn man den Browser verkleinert, zieht er sich zwar in der Breite zusammen aber nicht in der Höhe. Auch sind die unteren Boxen (content-left) nicht hoch genug.
Ich habe alles hier eingestellt, so das man es besser sehen kann, was ich versuche zu erklären.
[http://www.cssdesk.com/wJCZZ](http://www.cssdesk.com/wJCZZ)
~~~
* {
margin: 0;
padding: 0;
border: 0;
font-family: 'PT Sans Narrow',sans-serif,Arial,Helvetica;
}
html, body {
height:100%;
}
.clear:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.container {max-height: 100%;height:auto !important;height:100%;background:#F7F8E0;}
.content{margin:0 auto ; max-width:1400px;min-width:800px; padding:2% 0 2%0;}
.header_left{width:300px;height:100px; background:#AA0000;float:left;}
.header_right{display:block;height:100px; background:#d8d8d8;float:auto;}
.content_left{width:300px;max-height:100%; background:#CC0000;float:left;}
.content_right{display:block;max-height:100%; background:#a0a0a0;float:auto;overflow-y: scroll;}
~~~
~~~
<div class="container">
<div class="content">
<div class="header_left">1
</div>
<div class="header_right">2
</div>
<div class="content_left">3
</div>
<div class="content_right">
Jemand musste Josef K. verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde er eines Mgeknotetes Tau vom Boden, drohte ihnen damit und hielt sie dadurch von dem Sprunge ab. In den letzten Jahrzermaßen bewundernden Blick den ihm doch wohlbekannten Apparat. Sie hätten noch ins Boot springen können, aber der Reisende hob ein schweres, geknotetes Tau vom
</div>
</div>
</div>
~~~