Christoph Schnauß: Tabelle 100% im <div> mit margin geht über rechten Rand hinaus

Beitrag lesen

hi,

trotz Wohnort Madrid solltest auch du die </faq/> in dem Punkt berücksichtigen, was Anredeformen betrifft.

[CSS]
.absatz {  text-indent: 0.5cm; left: 0.5cm; padding-left: 1cm; border-style: none}

Hrm. Das ist zwar valide, aber ob es sinnvoll ist, hier Zentimeter als Maßeinheit vorzugeben, mag ich nicht entscheiden. Für eine Druckversion mag es sinnvoll sein, für eine Bildschirmdarstllung ist es das höchstwahrscheinlich nicht.

<div class="absatz">
  <table with="100%">

Dein DIV beginnt wegen deiner CSS erst mit 0,5 Zentimeter von links und hat dann noch einen Rand von einem Zentimeter zu bewältigen, ehe deine 100% breite Tabelle überhaupt angezeigt wird. Deine Tabelle hat also real die Breite von 0,5 cm + 1 cm + 100%   -   wie soll sie dann anders als ohne Scrolling auskommen?

Die 100% der Tabellengröße sind doch 100% Platz im Eltern-Element ?

Jaein. Das sollte so sein, aber wenn das Elternelement selbt ein Blockelement wie DIV ist und mit CSS formatierte Bestandteile enthält, kanns halt solche Probleme geben. Spiele mal bißchen mit den Prozentangaben rum, wahrscheinlich ist es mit 98% Breite für die Tabelle wunschgemäß zu bewerkstelligen.

Ich habmit IE 6.x und Opera 7.x probiert

Tapfer und lobenswert  -  aber warum hast du nicht in mozilla getestet?

Und noch etwas Fundamentales (was aber möglicherweise nur ein Tippfehler in deinem posting ist):

<table with="100%">

Fällt dir da nicht auf, daß du hättest "width" schreiben sollen?

Grüße aus Berlin

Christoph S.