Vayo: TABLE innherlab eines DIVs falsch dargestellt

Beitrag lesen

Hey, habe gerade einen Walkaround entdeckt =)

(und da mein ganzer CSS-Code sowieso total der Cheat ist, damit ich ein DIV mit fixer Breite neben eins mit 100% der restlichen Breite setzen kann, blickt man da sicher eh erstmal nicht durch...)

Meine Lösung: float:left raus, #Navi absolut positionieren, eine Z-Ebene höher setzen, Rest wie gehabt.

Was ich aber "witzig" finde:

<div id="content_frame">

<div id="content">
   <table cellspacing="1" cellpadding="0" class="main_table">
    <colgroup>
     <col width="30%">
     <col width="70%">
    </colgroup>
    <tr>
     <td class="heading" colspan="2">Benutzeraccount</td>
    </tr>
    <tr>
     <td>Benutzername:</td>
     <td><input type="text" name="username" /></td>
    </tr>
   </table>
  </div>

</div>

#content_frame ist auf 100% Browserbreite gesetzt.
#content besitzt folgenden parameter: margin-left:215px;
#main_table ist auf 100% gesetzt

Erläuterung:
der DIV-Container #content besitzt keinerlei Angabe zur Breite. Alle Tochterelemente mit einer Breite von 100% nutzen nun aber den vollen verbleibenden Platz ABZÜGLICH des Margins von #content bis zum Browserende aus.
Bis auf oben genannte Änderungen gilt der Code aus meinem ersten Post.

So kann man sehr gut statische Breitenangaben mit prozentualen kombinieren ohne die Browserbreite abfangen zu müssen!

(hoffe das hilft mal irgendwann wem)

MfG
Vayo