HTML: hidden div-Container Frage

Satan_666 · 04.05.2006, 16:08

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.

04.05.2006, 16:08	#1
Satan_666 Inventar Registriert seit: 03.09.2000 Beiträge: 4.010	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? ____________________________________ Für ein friedliches Zusammenleben im Forum werde ich ab sofort keine Trolle mehr füttern, und zwar unabhängig von der Sinnhaftigkeit ihrer Wortmeldungen.

08.05.2006, 10:13	#3
Satan_666 Inventar Registriert seit: 03.09.2000 Beiträge: 4.010	@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! ____________________________________ Für ein friedliches Zusammenleben im Forum werde ich ab sofort keine Trolle mehr füttern, und zwar unabhängig von der Sinnhaftigkeit ihrer Wortmeldungen.

08.05.2006, 20:45	#5
FordPrefect Veteran Registriert seit: 06.09.2002 Ort: Rottenmann Alter: 59 Beiträge: 425	@Satan Wo kann man diese Seite bewundern? ____________________________________ Im Grunde will der Mensch nur eins: Spass haben, glücklich sein und die Zeit so fröhlich wie möglich miteinader zu verbringen. Dafür verzichtet er gerne auf alles andere. --------------------------------------- Unser Motto: Es ist noch kein Meister vom Himmel gefallen, dafür aber jede Menge Nieten Admiral James T. Kirk ---------------------------------------- Ich kommuniziere also mach ich mich verdächtig ----------------------------------------

09.05.2006, 08:48	#6
Satan_666 Inventar Registriert seit: 03.09.2000 Beiträge: 4.010	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. ____________________________________ Für ein friedliches Zusammenleben im Forum werde ich ab sofort keine Trolle mehr füttern, und zwar unabhängig von der Sinnhaftigkeit ihrer Wortmeldungen.

10.05.2006, 13:27	#7
dub Veteran Registriert seit: 28.01.2003 Alter: 41 Beiträge: 321	Wenn ich dein Problem richtig verstanden habe, dann ist dein Problem mit Code: display:none; display:block; zu lösen. #Hannes#

05.05.2006, 01:35	#2
ff Veteran Registriert seit: 13.11.1999 Beiträge: 466	Hmmm, welch satanische Absichten verfolgst du mit den versteckten Inhalten? Versuchs einmal mit: overflow-x: hidden; overflow-y: hidden; mfg ff

08.05.2006, 18:24	#4
ff Veteran Registriert seit: 13.11.1999 Beiträge: 466	Na dann bin ich beruhigt Gerne geschehen ff

13.05.2006, 11:41	#8
flocky Inventar Registriert seit: 16.02.2002 Alter: 39 Beiträge: 3.880	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.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)