Jan Exß: Volle Breite für <div>, auch beim Scrollen

Beitrag lesen

SELF-Forum

Volle Breite für <div>, auch beim Scrollen

Jan Exß
– Informationen zu den Bewertungsregeln

DIV soll also mitscrollen, aber die Hintergrundfarbe soll bleiben.
Ich möchte das ausschließlich mit CSS und ohne blinde Tabellen lösen.

Manchmal muss man seine Probleme einfach nur loswerden, und schon geht's einem besser. Also ich habe jetzt selber eine Lösung gefunden. Die funktioniert zwar im IE noch nicht, aber das wird sich ja irgendwann mal ändern. Mozilla/Opera/Konqueror machen es richtig.

Falls es jemanden interessiert:

HTML:

<body>
 <div class="table">
  <div class="tr">
   <div class="td">
    <div class="aussen">
     Irgendein Text
    </div>
   </div>
  </div>
  <div class="tr">
   <div class="td">
    <div class="innen">
     Ganz viel Text. Ganz viel Text...     </div>
  </div>
 </div>
 </div>
</body>

CSS:

body {
 margin:   0px;
 padding: 0px;
 background-color: #AAAA00;
 }

div.table {
 display: table;
 width: 100%;
 }

div.tr {
 display: table-row;
 width: 100%;
 }

div.td {
 display: table-cell;
 width: 100%;
 }

div.aussen {
 margin:   0px;
 padding: 20px;
 background-color: #AA00AA;
 }

div.innen {
 margin:   0px;
 padding: 20px;
 width: 2000px;
 background-color: #0000AA;
 }

Okay, das ist ziemlich nah dran an blinden Tabellen, aber immerhin nur per CSS.

Beitrag melden
–
Informationen zu den Bewertungsregeln