Border, Hintergrund und Rahmen

[Jan Kösters]

Hallo,

ich habe ein Problem mit css,

welche Stylesheets muß ich benutzen, um dem oberen Code das gleiche Aussehen(browserübergreifend) wie dem unteren Code zu geben ohne eine feste Breite und Höhe für die Klasse "rahmen" vorzugeben.

<style>
 .rahmen{border: 1px solid #0000FF;background-color:#CECECE;padding:10px;}
 .left{float:left;width:30px;height:200px;background-color:#00FF00;}
</style>

<!-- oberes Code-Beispiel -->

<div style="clear: both;">
 <div class="rahmen">
  <div class="left"></div>
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
  Dieser Text ist nur zur Problemdarstellung.
 </div>
</div>

<!-- unteres Code-Beispiel -->

<div style="clear: both;">
<table border="0" cellpadding="1" cellspacing="0" bgcolor="#0000FF">
<tr>
 <td>
  <table border="0" cellpadding="10" cellspacing="0" bgcolor="#CECECE">
  <tr>
   <td>
    <div class="left"></div>
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
    Dieser Text ist nur zur Problemdarstellung.
   </td>
  </tr>
  </table>
 </td>
</tr>
</table>
</div>

Ich hoffe es kann jemand etwas mit meiner Frage anfangen und sie beantworten.
Danke im Voraus

[XaraX]

Hallo,

display:none sollte bei allen CSS-interpretierenden Browser gleiche Ergebnisse erzielen ;) SCNR

Gruß aus Berlin!
eddi