WCM Forum

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   HTML: hidden div-Container Frage (http://www.wcm.at/forum/showthread.php?t=190972)

Satan_666 04.05.2006 16:08

HTML: hidden div-Container Frage
 
Hi,

folgende Situation: ich habe vor, in einigen HTML-Dokumenten den Content in mehrere div-Container aufzuteilen, die mittels CSS an der jeweils gleichen Position liegen. Einer davon ist sichtbar (visible), die anderen werden auf hidden gesetzt.

Mein Problem: da die Inhalte dieser div-Container eines HTML-Dokumentes unterschiedlich viel Content beinhalten, ergibt sich mitunter die Notwendigkeit, im Browser zu scrollen, auch wenn der aktive (gerade sichtbare) Container deutlich kürzer ist als der längste Container. Genau DAS möchte ich gerne verhindern.

Kennt jemand eine Möglichkeit, die nicht gerade sichtbaren Container von der Längenberechnung der gesamten Seite auszunehmen oder sonstwie mein Problem zu lösen?

ff 05.05.2006 01:35

Hmmm, welch satanische Absichten verfolgst du mit den versteckten Inhalten?

Versuchs einmal mit:

overflow-x: hidden;
overflow-y: hidden;

mfg
ff

Satan_666 08.05.2006 10:13

@ff: Meine Absichten sind komplett redlich. Ich möchte meinen Besuchern das Scrollen so weit wie möglich ersparen, also teile ich den Content einer Seite in mehrere Stücke auf und biete ein kleines 'Menü', wo man dann nur noch mit der Maus drüber fahren muss, um das jeweilige Stück sichtbar zu machen. Das Umschalten funktioniert dann mit JavaScript!

Achja: ich habe jetzt die Lösung für mich gefunden: es gibt ja die Eigenschaft 'Display', die man auf 'None' setzen kann, wenn sie nicht sichtbar sein soll. Da tut dann der Browser so, als ob der div-Container gar nicht da wäre.

Trotzdem danke für Deinen Vorschlag!

ff 08.05.2006 18:24

Na dann bin ich beruhigt ;)

Gerne geschehen
ff

FordPrefect 08.05.2006 20:45

@Satan Wo kann man diese Seite bewundern?

Satan_666 09.05.2006 08:48

Derzeit noch nirgends - ist ein Relaunch meiner privaten Homepage; und wenn alles glatt geht, hoffe ich, sie bis spätestens Ende Mai 2006 online zu stellen.

dub 10.05.2006 13:27

Wenn ich dein Problem richtig verstanden habe, dann ist dein Problem mit
Code:

display:none;
display:block;

zu lösen.

#Hannes#

flocky 13.05.2006 11:41

zur ergänzung, von css4you.de

visibility

Unsichtbar bedeutet in diesem Fall vollständig transparent. Das Element ist zwar nicht zu sehen, nimmt aber den Platz ein, der mit den Positionsangaben und Abmessungen festgelegt ist.


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:09 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag