Hey,
muss euch mal wieder mit einem ziemlich banalen Problem belästigen aber ich bin einfach zu lange
von der Materie weg und konnte über die Forensuche nichts passendes finden.
Mein Problem sieht wie folgt aus: ich habe ein Großvaterelement welches Fixed Positioniert ist.
In diesem Element befindet sich ein Vaterelement, eine Sortierleiste welche am oberen Rand klebt
und eine feste Höhe besitzt.
In diesem Vaterelement befinden sich dann variabel viele floated positionierte Kindelemente, manchmal auch mehr, als in die Breite des Großvaters passen. Was passiert? Alle Kinder auserhalb des Vaters stapeln sich im Raum darunter, ich hätte aber gerne, dass der Vater sich in der Breite dehnt wodurch der Großvater dann scrollbar wird.
Ein Beispielcode sieht so aus:
Danke schonmal für eure Hilfe.
muss euch mal wieder mit einem ziemlich banalen Problem belästigen aber ich bin einfach zu lange
von der Materie weg und konnte über die Forensuche nichts passendes finden.
Mein Problem sieht wie folgt aus: ich habe ein Großvaterelement welches Fixed Positioniert ist.
In diesem Element befindet sich ein Vaterelement, eine Sortierleiste welche am oberen Rand klebt
und eine feste Höhe besitzt.
In diesem Vaterelement befinden sich dann variabel viele floated positionierte Kindelemente, manchmal auch mehr, als in die Breite des Großvaters passen. Was passiert? Alle Kinder auserhalb des Vaters stapeln sich im Raum darunter, ich hätte aber gerne, dass der Vater sich in der Breite dehnt wodurch der Großvater dann scrollbar wird.
Ein Beispielcode sieht so aus:
Code:
/* Großvaterelement */
#mitte{
position:fixed;
top:70px;
left:200px;
right:0px;
bottom:0px;
overflow-y:none;
overflow-x:auto;
background-color:white;
}
/* Vaterelement */
#sortbar{
margin:0px;
height:16px;
color:white;
background-image:url('../img/sortbar_bg.png');
background-repeat:repeat-x;
border-top:solid #7c7c7c 1px;
border-bottom:solid #989898 1px;
}
/* Kindelement */
div.sortcol{
float:left;
width:240px;
height:100%;
text-indent:5px;
border-right:solid #989898 1px;
cursor:pointer;
}
Danke schonmal für eure Hilfe.