Aybee: dynamischen balken realisieren

Beitrag lesen

Hallo,

das hier finde ich auch eine schöne saubere Lösung.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
 <head>  
 [code lang=css]<style type="text/css">  
   <!--  
     body {  margin:0; padding:0; }  
     table { width:100%; height:100%; border-collapse:collapse; }  
     .zeileOben,.zeileUnten { height:auto; }  
     .zelleLinks,.zelleRechts { width:auto; }  
     .zelleLinks { background-color:gray; }  
     .zelleMitte { background-color:green; width:300px; height:200px;}  
   -->  
   </style>

</head>
  <body>
   <table>
   <tr class="zeileOben"><td colspan="3"></td></tr>
   <tr>
    <td class="zelleLinks"></td>
    <td class="zelleMitte">Inhalt</td>
    <td class="zelleRechts"></td>
   </tr>
   <tr class="zeileUnten"><td colspan="3"></td></tr>
   </table>
</body>
</html>[/code]

Gruß von Aybee