Hi,
kann mir das mit den verschachtelten Divs mal genauer erklären? Ich habe folgendes Konstrukt (Auf das hoffentlich wesentliche zusammen geschnitten):
Die CSS zu den Divs sehen so aus:
Wenn nun der Browser in der Höhe so klein gezogen wird, dass das OrderDiv nicht mehr in das ContentDiv passt, würde ich den Inhalt gerne Scrollen können. Das kann ich erreichen indem ich den contentDiv auf overflow:auto stelle. Aber ich würde das gerne noch erweitern, so das danach der Content eben nicht mehr scrollbar sein darf, der orderDiv darin aber schon.
Ausserdem würde ich gerne verstehen warum das so nicht funktioniert.
Danke
Claus
kann mir das mit den verschachtelten Divs mal genauer erklären? Ich habe folgendes Konstrukt (Auf das hoffentlich wesentliche zusammen geschnitten):
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; application/json; charset=utf-8" />
</head>
<div id="content">
<div id="editOrderDiv" class="editOrderDiv">
<form id="editOrderForm" method="post" action="">
<div id="editOrderDataDiv" class="editOrderDataDiv">
hier eine <table>
</div>
<div id="editOrderToolDiv" class="editOrderToolDiv">
hier eine <table>
</div>
<div id="editOrderExtendedDiv" class="editOrderExtendedDiv">
hier eine <table>
</div>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="padding-top: 10px;">
<input type="button" onclick="saveOrder()" class="orderButton" value="Auftrag anlegen" />
</td>
</tr>
</table>
</form>
</div>
<div>Die CSS zu den Divs sehen so aus:
Code:
#content
{
overflow: hidden;
position: absolute;
top: 175px;
bottom: 85px;
left: 30px;
right: 30px;
background-color: #f0f0f0;
z-index: 3;
}
.editOrderDiv
{
position: absolute;
overflow: auto;
}
.editOrderDataDiv
{
display: inline-block;
border: 1px solid #929292;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.editOrderToolDiv
{
margin-top: 15px;
border: 1px solid #929292;
padding: 0px 0px 0px 0px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.editOrderToolTableDiv
{
margin-bottom: 10px;
border: 0px solid #929292;
padding: 2px 10px 2px 10px;
}
.editOrderExtendedDiv
{
margin-top: 15px;
border: 1px solid #929292;
padding: 0px 0px 0px 0px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}Wenn nun der Browser in der Höhe so klein gezogen wird, dass das OrderDiv nicht mehr in das ContentDiv passt, würde ich den Inhalt gerne Scrollen können. Das kann ich erreichen indem ich den contentDiv auf overflow:auto stelle. Aber ich würde das gerne noch erweitern, so das danach der Content eben nicht mehr scrollbar sein darf, der orderDiv darin aber schon.
Ausserdem würde ich gerne verstehen warum das so nicht funktioniert.
Danke
Claus
