Leander: Nochmal Tabellen vs. CSS

Ich steige mit dem CSS-Floating nicht so durch. Wie  man was positioniert schon, aber nicht mit dem Box-Erzeugen.

Gibt es irgendwelche Nachteile, CSS und Tabellen zu mischen? "Darf" man das, dass man alles durcheinander mischt? z.B. so (siehe unten).

Allerdings ist der graue Hintergrund noch begrenzt...wenn der  Content bei blablabla über die Seite hinausgeht, wird das graue nicht verlängert. Das muss ich noch herausfinden, wie das geht.

<div id="logo" style="position:absolute; z-index:2; top: 10px; left: 10px;">
 <table width="783" height="121">
 <tr>
  <td style="background-color:#ffffff; background-image: url(logobanner.jpg); background-repeat: no-repeat;">
     </td>
 </tr>
</table></div>

<div id="content" style="position:absolute; top: 126px; left: 10px;">
 <table width="783" height="400">
 <tr>
  <td style="background-color:#efefef;">

</td>
 </tr>
</table></DIV>
<div id="menu" style="position:absolute; top: 144px; left: 20px;">LINK 1
<P>LINK 2
</div>
<div id="text" style="position:absolute; top: 144px; left: 220px; background-color: efefef;">Blablablablabla
<br>Blablablablabla
<br>Blablablablabla
<br>Blablablablabla

</div>

  1. Hi Leander,

    Ich steige mit dem CSS-Floating nicht so durch. Wie  man was positioniert schon, aber nicht mit dem Box-Erzeugen.

    Woran harperts denn?

    <div style="width:300px;height:150px;border:1px solid #f00;">  
    <p>Eine Box</p>  
    </div>  
    
    

    2 gefloatete Boxen nebenieinander.

    <div id="menu" style="position:absolute; top: 144px; left: 20px;">LINK 1
    <P>LINK 2
    </div>

    Links gehören in eine Liste, die du auch floaten kannst.
    Zumal das <p> hier nicht geschlossen wird, das kann zu Fehlern in der Darstellung führen.

    Was du denke ich mal suchst ist ein "Mehrspaltiges Layout", nur das du die rechte Spalte nicht brauchst.

    Grüße aus H im R,
    Engin