prozentuale Breitenangabe

[Engin]

hi Stefan,

<div style="width:80%;background-color:#ccc">
  <div style="width:100%">
   <div style="width:43%;background-color:red;height:100px;float:left;margin-left:3px;"></div>
   <div style="width:2px;background-color:blue;height:100px;float:left;"></div>
   <div style="width:13%;background-color:green;height:100px;float:left"></div>
  </div>
  <table border="0" cellpadding="0" cellspacing="0" style="width:100%;clear:both"><tbody><tr>
   <td style="width:3px"></td>
   <td style="width:43%;background-color:black"></td>
   <td style="width:2px;background-color:yellow"></td>
   <td style="width:13%;background-color:blue"></td>
   <td>leer</td>
  </tr></tbody></table>
</div>

Am besten kurz mal ausprobieren und ausführen.

Nö, keine zeit. :)

Wenn man nun das Browserfenster verkleinert bzw. vergrößert, stellt man fest, dass die prozentuale Breitenangabe (um 1px) variiert, d.h. die obere nicht gleich der unteren ist. Wie kann ich das Problem lösen?

Das innere div nimmt im default die volle breite ein, also die realen 100%, width: 100%; verhält sich da nicht so ideal.

Also, im default mal probieren, also breiten angabe.

Grüße aus H im R an Stefan,
Primus Enginus