Homepage selbermachen 7.851 Themen, 35.615 Beiträge

Problem mit table und XHTML

ColinFinck / 4 Antworten / Flachansicht Nickles

Hallo!
Habe gerade etwas komisches festgestellt. Wenn links ein Menü (mit <div style="position: absolute; ...") habe und rechts eine Tabelle mit width="100%", geht die Tabelle im IE über das Browserfenster (mehr als 100%). Hier ein Beispiel:


----------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
</head>
<body>


<div style="position: absolute; left: 10px; top: 10px; width: 184px;">
  Hier könnte ein Menü stehen.
</div>


<div style="position: absolute; left: 200px; top: 10px;">
  Eine Tabelle


  <table border="1" width="100%">
    <tr>
      <td>Test</td>
    </tr>
  </table>
</div>


</body>
</html>


-------------------------------------------------------------------


Wenn ich jedoch als DOCTYPE "HTML 4.01 Transitional" verwende, klappt alles. Mit Firefox gibt es keine Probleme.
Was läuft hier schief?


Vielen Dank im Voraus!


Colin

bei Antwort benachrichtigen
Zaphod ColinFinck „Problem mit table und XHTML“
Optionen

... na, 100% ist so breit wie die Seite bzw. das Elternelement der Tabelle. Wenn ich 100% für die Tabelle brauche und daneben ein Menue packe, ist das eben mehr als die Breite der Seite.
Packe die Tabelle in eine <div>, die du positionierst, dann ist die <div> das Elternelement und 100% sind die Breite für die <div>.
HTH, Z.

bei Antwort benachrichtigen