CP´s in JQuery Tabs gruppieren

[update]

da kommt doch keine Sau drauf, mal ehrlich

Wieso denn das? Ich bin doch auch draufgekommen

[pepe]

Ich bin mir nicht sicher, ob die Seite NEU lädt... aber der Inhalt des Browsers verschiebt sich vertikal, wenn der Tabulatorbereich sehr weit unten im Artikel steht.

[Uwe367]

Ob die Seite neu lädt siehst du doch in der Einagbeleiste des Browsers, jedenfalls ist das bei Firefox der Fall und da tut sich nichts wenn ich einen neuen Reiter anklicke
Ich glaube ich weiß was du meinst. Wenn du einen Reiter anklickst ensteht bei dir ein Scrollbalken der die Seite verscheibt wenn der Inhalt des Tabs über den Bereich des Monitors hinausgeht oder?

[pepe]

so siehst aus!

anscheinend ist die zwischenzeitliche Höhe des Inhaltsfeldes auf NULL gesetzt und wird dann schrittweise wieder erhöht.

[Uwe367]

Sollte aber auf meiner Playgroundseite mit dem Beispiel nicht passieren oder doch?

[pepe]

Dooooch, tut es!

pack doch mal einen CP vor die Tabs, mit reichlich "Loren Ipsum", so dass die Tabs 1500px tiefer rutschen!

[update]

Die Testseite springt exakt in die Hälfte der Höhe des Headers, so als wäre da ein Anker versteckt.

[juergen]

Und was springt da ? Ich bin zu doof, bei mir springt nichts...

[pepe]

Jürgen, bei deinem 70-Zoll Senioren-Monitor kann auch nichts springen ... da passt immer alles drauf

[juergen]

Und du Manfred ? 2 x 20 Zeichen LCD Display, seriell ? Ich habe jetzt auf 0.07 Zoll verkleinert und da springt nix. Brille ist auf der Nase ! Mein Fürchtefux heisst 10.0 !!!

[pepe]

Ach menno, all dieser neumoderne Schietkram is' nix mehr für meine labilen Nerven!

In meiner Jugend - damals mit der guten alten Schiefertafel - da "sprang" garnix... höchstens mal die Tafel selber

[update]

Chrome spinnt auch.
Da stimmt auch was nicht mit dem #wrapper...

[Uwe367]

Hab gerade auch mal mit Chrome draufgeschaut und kann kein Problem feststellen. Inwiefern spinnt denn Chrome bei dir?

[update]

FF9 springt hoch bis in die Mitte des Headers, Chroom bis ganz hoch. Kommentiere doch testweise mal den Container #wrapper aus.

[Uwe367]

Hier jetzt erstmal noch eine kleine Erweiterung für das Script. Damit bleiben alle Tabs beim Seitenaufruf geschlossen.

Code: Select all

$(function () {
			var tabContainers = $('.tab-content');
			tabContainers.hide().filter(':first').show();
			
			$('.tab-navigation a').click(function () {
				tabContainers.hide();
				 // Geschwindigkeit zum öffnen der Tabs in ms (hier 500)
				tabContainers.filter(this.hash).show(500);
				$('.tab-content .tab-navigation a').removeClass('selected');
				$(this).addClass('selected');
				return false;
			}).filter(':first').click();
			//Die folgende Zeile schließt alle Tabs beim Seitenaufruf. 
			//Soll der erste Tab geöffnet sein, diese Zeile bitte löschen oder auskomentieren.
			$('.tab-content').hide(); 
		});

Kommentiere doch testweise mal den Container #wrapper aus.

Der Container #wrapper ist Teil des Grundgerüstes der HP. Wenn ich den auskommentiere fliegt mir alles um die Ohren.