nicht angemeldet
Scrollbarer Div in Tabelle lässt sich nicht dynamisch einstellen
0 0 
Matthias Apsel
0
Scrollbarer Div in Tabelle lässt sich nicht dynamisch einstellen
Hallo Leute,
ich habe ein kleines Problem.
Ich arbeite mit einer Software zusammen die mir ein bisschen HTML generiert und ich das jetzt mit CSS ein bisschen stylen will.
Ich hab leider keine möglichkeit, neue classes oder id's zu vergeben und muss damit klar kommen was ich habe.
Ich hab mein Problem mal nachgebaut, um es übersichtlich zu halten.
Ich möchte, dass ich immer ein FullScreenLayout habe. Was soweit auch funktioniert. Nur sobald der Inhalt der Linken Bar (ASDFASDF) zu viel wird, wird die Tabelle größer.
Mein Ziel wäre aber ein Scrollbalken zu bekommen.
Das Problem ist, dass die Tabelle autogeneriert ist und meine Idee war dann, dass ich einen Wrapper drum baue, der das ganze aus die größe fixiert.
Leider funktioniert es nicht.
Vielleicht hat von euch einer eine Idee
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<<style type="text/css">
<!--
.wrapper{
float:left;
margin:0;
padding:0px;
width: 30%;
height:100%;
background-color:#b5b5b5;
overflow : auto
}
//-->
</style>>
<title></title>
</head>
<body>
<div style="margin:0; padding:0; width: 100%; height: 100%;position: absolute; top: 0; left: 0;background-color:#FFDDDD;" >
<div style="margin:0; padding:0px; width: 100%; height:20%;background-color:#CC33CC;" ></div>
<div style="margin:0; padding:0px; width: 100%; height:80%;background-color:#c3c3c3;">
<div class="wrapper">
<table style="width:100%; height:100%;">
<tr>
<td style="height:40px;background-color:red;">
Navigationtop
</td>
</tr>
<tr>
<td>
<div style="overflow:auto;">ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>ASDASDASDASSD<br/>
</div>
</td>
</tr>
<tr>
<td style="height:40px;background-color:blue;">
Footer
</td>
</tr>
</table>
</div>
<div style="margin:0; padding:0px; width: 70%; height:100%;background-color:00ee77;float:right;"></div>
</div>
</div>
</body>
</html>
Ich danke schonmal für jede Hilfe.
mfg xasz
-
Vielleicht hat von euch einer eine Idee
Schmeiß die Software über Board, du wirst sonst noch wesentlich mehr Probleme bekommen.
-
Hallo,
Vielleicht hat von euch einer eine Idee
Schmeiß die Software über Board, du wirst sonst noch wesentlich mehr Probleme bekommen.
Das war nach wtf auch mein erster Gedanke. Ich glaube so ein blutiger Anfänger kann man in html/css gar nicht sein um es nicht doch per Hand besser hinzukriegen.
martachen
-
-
Om nah hoo pez nyeetz, xasz!
Vielleicht hat von euch einer eine Idee
Sorry, ich möchte mich in eine solche div-Suppe wirklich nicht reindenken (müssen), aber du schriebst ja, dass du für das HTML nicht verantwortlich bist und auch keinen Einfluss darauf hast.
Du könntest maximale Höhen in Verbindung mit der overflow-Eigenschaft angeben.
Die Angabe height: 100% für ein Element setzt voraus, dass _alle_ Vorfahrenelemente (einschließlich body und html, ggf. auch ein vom Browser selbst hinzugefügtes tbody) ebenfalls eine festgelegte Höhe haben, sonst heißt es irgedwann während der Berechnung "100% von
auto", daautoder defaultwert ist und mitautodarf sich der Browser einen ihm genehmen Wert selbst aussuchen.Matthias
--
1/z ist kein Blatt Papier.
-
Danke Matthias, dass du dich eingelesen hast.
Danke auch den beiden anderen für die wirklich hilfreichen Kommentare. Man kann sich leider nur nicht immer raussuchen was man macht.
Mein Problem ist, dass selbst wenn ich dem Wrapper eine mal eine Feste höhe von sagen wir mal 300px gebe, statt 100%:
.wrapper{ float:left; margin:0; padding:0px; width: 30%; height:300px; background-color:#b5b5b5; }Dann ist meine Tabelle davon trotzdem nicht sonderlich beeindruckt und schreibt sich über den Div drüber.
Im Prinzip hätte ich gerne den div um das ASDASDASD scrollbar, so dass NavigationTop und Footer fest sind.
-
-
Hallo
[code lang=html]<html>
Div-Suppe und Tabellen-Layout.
Minus mal Minus ergibt eben nicht immer Plus...
Gruß
Kalk