Hi.
Ich habe ein kleines Problem mit einer DIV-Box. Ich hoffe ich bin hier im CSS Bereich richtig.
Ich arbeite mit ASP.NET an einer Web-Anwendung, weil das Problem aber eig. ein HTML/CSS Problem ist, habe ich das ganze mal schnell und primitiv nachgebaut. Die Daten/Benutzereinstellungen werden dann mittels ASP.NET geladen.
Es geht um folgendes:
Ich habe das Problem das trotz der Scrollbar in der DIV-Box die Spalte mit der Farbe aus dem Browserfenster verschwindet.
Die äußerste Tabelle habe ich eigentlich nur für einen "linken" und "rechten Rand". Damit ich auf der rechten Seite die Farbspalte habe (Dort gibt es div. Einstellungsmöglichkeiten für die User).
Auf der linken Seite ist dann das DIV mit 50% und Scrollbalken. Der Text ("Das ist ein Test Das ist ein Test.....") bzw. die Spaltenbreite (Der Inhalt in der DIV-Box) ist jetzt breiter als das Browserfenster.
Eigentlich habe ich ja im DIV einen Scrollbalken --> Text im DIV sollte zum Scrollen gehen (d.h. der Browser darf KEINEN Scrollbalken haben) und die Farbspalte MUSS am Bildschirm zu sehen sein!!
Tut es aber nicht, die Farbspalte verschwindet soweit raus wie der Inhalt vom DIV breit ist. Sobald ich aber die DIV-Breite von 50% auf 500px stelle dann geht es richtig !?!?!?!?!?!?!?!?
Aber ich kann hier keine fixen PX vergeben!!! Ich weiß ja nicht wie groß das Browserfenster/Auflösung ist. Außerdem MUSS es immer genau 50% betragen. (Bevor jemand auf die Idee kommt... nein ich will das nicht mit Javascript auslesen... das muss auch ohne Javascript gehen).
Der innersten Tabelle MUSS ich diese Breite von "2100px" geben. Ansonsten würde mir die DIV-Box die Spalte zusammenschieben! Und die Spaltenbreite von 2000px kann sich der User (bei meiner Anwendung) selber einstellen. Wenn man hier 2000px einstellt, dann MUSS die Spalte 2000px haben... und darf nicht durch das DIV verkleinert werden.
Hat hier irgendjemand eine Lösung für mich? (Ohne Java... nur mittels HTML/CSS)
Ich habe ein kleines Problem mit einer DIV-Box. Ich hoffe ich bin hier im CSS Bereich richtig.
Ich arbeite mit ASP.NET an einer Web-Anwendung, weil das Problem aber eig. ein HTML/CSS Problem ist, habe ich das ganze mal schnell und primitiv nachgebaut. Die Daten/Benutzereinstellungen werden dann mittels ASP.NET geladen.
Es geht um folgendes:
Ich habe das Problem das trotz der Scrollbar in der DIV-Box die Spalte mit der Farbe aus dem Browserfenster verschwindet.
Die äußerste Tabelle habe ich eigentlich nur für einen "linken" und "rechten Rand". Damit ich auf der rechten Seite die Farbspalte habe (Dort gibt es div. Einstellungsmöglichkeiten für die User).
Auf der linken Seite ist dann das DIV mit 50% und Scrollbalken. Der Text ("Das ist ein Test Das ist ein Test.....") bzw. die Spaltenbreite (Der Inhalt in der DIV-Box) ist jetzt breiter als das Browserfenster.
Eigentlich habe ich ja im DIV einen Scrollbalken --> Text im DIV sollte zum Scrollen gehen (d.h. der Browser darf KEINEN Scrollbalken haben) und die Farbspalte MUSS am Bildschirm zu sehen sein!!
Tut es aber nicht, die Farbspalte verschwindet soweit raus wie der Inhalt vom DIV breit ist. Sobald ich aber die DIV-Breite von 50% auf 500px stelle dann geht es richtig !?!?!?!?!?!?!?!?
Aber ich kann hier keine fixen PX vergeben!!! Ich weiß ja nicht wie groß das Browserfenster/Auflösung ist. Außerdem MUSS es immer genau 50% betragen. (Bevor jemand auf die Idee kommt... nein ich will das nicht mit Javascript auslesen... das muss auch ohne Javascript gehen).
Der innersten Tabelle MUSS ich diese Breite von "2100px" geben. Ansonsten würde mir die DIV-Box die Spalte zusammenschieben! Und die Spaltenbreite von 2000px kann sich der User (bei meiner Anwendung) selber einstellen. Wenn man hier 2000px einstellt, dann MUSS die Spalte 2000px haben... und darf nicht durch das DIV verkleinert werden.
Hat hier irgendjemand eine Lösung für mich? (Ohne Java... nur mittels HTML/CSS)
HTML:
<html>
<head>
<style type="text/css">
div.Container
{
width: 50%;
overflow-x: scroll;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<div class="Container">
<table cellpadding="0" cellspacing="0" width="2100px">
<tr>
<td width="100px">Uhrzeit:
</td>
<td width="2000px" nowrap="nowrap">
DAS IST EIN TEST DAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TESTDAS IST EIN TEST </td>
</tr>
</table>
</div>
</td>
<td bgcolor="#FF3399" width="400px">
RECHTER BEREICH MIT FARBE UND KALENDER
</td>
</tr>
</table>
</body>
</html>