nicht angemeldet
2spaltiges Layout - 100% Tabelle in rechte Spalte
Hallöchen!
Links befindet sich ein 200px breiter div-Container, rechts ein weiter div-Container.
Ich will in den rechten div-Container eine Tabelle stellen, die dort den ganzen Raum einnimmt. Mit width:100% funktioniert das leider nicht.
Kennt jemand ein Lösung?
Mein Versuch:
#left
{ float:left;
width:200px;}
#content
{ margin-left:210px;}
<div id="left">
<p>left<p/>
</div>
<div id="content">
<table border="1px" width="100%">
<tr>
<td>
<p>1</p>
</td>
<td>
<p>2</p>
</td>
</tr>
</table>
</div>
-
Hallo Wasch-Weib,
ich bin nicht sicher, aber ich glaube, für diese Verwendung von 100% musst du im Element in dem sich diese 100% befinden, eine genaue Pixelangabe machen.
Wenn du deine Angabe in folgender Art ändern würdest,<div id="content" width="100">
<table border="1px" width="100%">
<tr><td>...irgendwas...</td></tr></table></div>müsste es meiner Ansicht nach gehen.
Die Prozentangabe bedeutet ja, xxx% von irgendwas (bspw. 50% von 1024). Solange der Browser nicht weis, worauf sich die Prozente beziehen, kann er sie nicht ordentlich ausgeben.Mit freundlichen Grüßen an Wasch-Weib und alle witeren Forumsteilnehmer: Hurrtz
-
Danke für die Antwort. So könnte man es theoretisch lösen.
Nur will/kann ich dem Content keine feste Pixelangabe geben.
Weiß sonst noch jemand was?-
Hallo Wasch-Weib,
wenn über deinem div nur noch der body-Bereich liegt, kannst du dem div auch eine Prozentangabe geben, glaube ich.
Also
<body>
<div width="20%">
<table width="100%">
...</table></div></body>Das müsste gehen - probiere es mal aus.
Mit freundlichen Grüßen an Wasch-Weib und alle weiteren Forumsteilnehmer: Hurrtz
-
Hallo Wasch-Weib, Hallo Hurrtz !
Nach der ganzen Sinnlos-Debatte der letzten Tage über Div-Container und Sinn und Zweck von Tabellen als Layout-Hilfe kommt die Frage zur rechten Zeit !
Mit einer Tabellen wär' die Sache in 2 Minuten gegessen gewesen, aber nein, es müssen ein Div-Container sein !
Und nun klappt nix hinten und vorne und alle zerbrechen sich den Kopf. . .
Hab mal ein bischen rumgespielt . . .
Folgendes Beispiel läuft nur im MSIE rund :<html>
<style type="text/css">
#left{float:left;width:200px;position:absolute;left:10px;top:80px}
#content {position:absolute;left:230px;top:80px}
</style>
<body>
<div id="left"><p><table border="1" width="100%">
<tr><td height="100">left</td></tr></table><p/></div>
<div id="content"><table border="1" width="100%">
<tr><td height="100"><p>1</p></td><td height="100"><p>2</p></td></tr></table></div>
</body></html>Ich fordere hiermit alle Verfechter von Div-Containern auf diese Nuß zu knacken !!!
;o)))))))))))))
-
-
-