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

Beitrag lesen

Hi,

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.

Ziemlicher div-Wust.
Was ist der Unterschied zu

CSS:

body {
 margin:   0px;
 padding: 0px;
 width:2000px;
 background-color: #AA0;
 }
div {
 margin:   0px;
 padding: 20px;
 }
.innen { background-color: #00A; }
.aussen {  background-color: #A0A; }

HTML:

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

cu,
Andreas

--
Warum nennt sich Andreas hier MudGuard?
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.