Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von März

SELFHTML Forumsarchiv
Div unter fixed div

Informationsseite
  1. Seite (CSS) Div unter fixed div von h0tzenpl0tz, 30. 03. 2007, 20:50
nach unten

Div unter fixed div

Die folgende Nachricht zum Thema stammt von: h0tzenpl0tz, 30. 03. 2007, 20:50

hallo,

für eine medien-datenbank habe ich folgendes layout

########################  ###########
#  filter-div (fixed)  #  # details #
########################  # (fixed) #
                          #         #
########################  #         #
# content-div          #  #         #
#                      #  #         #
#                      #  #         #
########################  ###########

filter-div ist fixed und kann per display:none-toggle
ein- und ausgeklappt werden -> dynamische höhe

details-div ist fixed und soll gesamte höhe rechts einnehmen.

content-div ist eine tabelle mit den medien.

nun zu meiner frage: ist es möglich, dass sich das content-div
am filter-div orientiert. also immer darunter befindet, egal welche höhe das filter-div gerade einnimmt? (höhe verändert sich durch dom-manipulation)

danke!
kai

nach obennach unten

Div unter fixed div

Die folgende Nachricht zum Thema stammt von: Cybie, 30. 03. 2007, 20:59

Man könnte body mit einer Klasse ausstatten und dann über die CSS arbeiten.

body.nofilter {margin-top:0px;}
body.nofilter #filter-div {display:none;}

body.showfilter {margin-top:<was auch immer>px;}
body.showfilter #filter-div {display:block;}

nach obennach unten

Div unter fixed div

Die folgende Nachricht zum Thema stammt von: Cyx23, 30. 03. 2007, 21:00

Hallo,


»» nun zu meiner frage: ist es möglich, dass sich das content-div
»» am filter-div orientiert. also immer darunter befindet, egal welche höhe das filter-div gerade einnimmt? (höhe verändert sich durch dom-manipulation)

da sehe ich erstmal zwei Möglichkeiten: Zusammen mit der
"dom-manipulation" per JavaScript einzugreifen.

Oder statt fixed die betr. Elemente anders positionieren, und dann
das -im gleichen Fluß befindliche- content-div mit overflow:auto
scrollen lassen.


Grüsse
Cyx23


--
Designleistungen | CSS für alle Browser

nach obennach unten

Div unter fixed div

Die folgende Nachricht zum Thema stammt von: Cybie, 30. 03. 2007, 21:19

Zu deiner 2. Variante:
Wie legst du die Höhe des content-div fest?
Wenn er zu groß ist (100% + filter-div) musst du die gesamte Seite scrollen. Wenn er zu klein ist (Bsp: 90% ohne filter-div) fängt der content an zu scrollen ohne, das es nötig wäre.

Gruß Cybie

nach obennach unten

Div unter fixed div

Die folgende Nachricht zum Thema stammt von: Orlando, 30. 03. 2007, 21:04

»» ########################  ###########
»» #  filter-div (fixed)  #  # details #
»» ########################  # (fixed) #
»»                           #         #
»» ########################  #         #
»» # content-div          #  #         #
»» ########################  ###########
»»
»» ist es möglich, dass sich das content-div am filter-div orientiert. also immer darunter befindet, egal welche höhe das filter-div gerade einnimmt? (höhe verändert sich durch dom-manipulation)

Mit CSS? Verzichte auf position:fixed.

Mit JavaScript könntest du nach der DOM-Manipulation die neue Höhe von #filter-div auslesen und #content-div mit entsprechendem margin-top ausstatten.

Roland

--
-)

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von März

© 1998-2006 Seite Impressum, Software: Classic Forum