Design bei Scrollbalken änderung

27.06.2010, 14:24

Hallo,

meine Seite hat einmal einen Scrollbalken und einmal nicht.
Die Seite ist mittig ausgerichtet, der Content wird per AJAX geladen.

Nun hab ich das Problem das, wenn die Seite höher also der Content länger wird eine Scrollbar entsteht und das Design um die PX nach Links wandert (springt)

Gibts da eine Lösung (nicht immer eine Scrollbar mit zb 101% erzeugen)

mfg

nikosch · 27.06.2010, 14:32

Nein.

XLB · 27.06.2010, 18:34

Wenn dein Design das zuließe ...

[rumspinn]
Man "könnte" dein Content-DIV in ein weiteres packen, rechter Zwischenraum: scrollbalkenbreite. Wenn man's CSS geschickt verwurstelt (overflow, height, margin, ...) bleibt der Content im inneren DIV so breit, wie er war, der Scrollbalken "erscheint" im umgebenden DIV und lässt die "innere Breite" unangetastet.
[/rumspinn]

... müsste mal experimentiert werden.

ChrisB · 27.06.2010, 18:39

Ein Scrollbalken lässt sich mit dem Wert scroll für die overflow-Eigenschaft erzwingen; und alle aktuellen Browser unterstützen auch die Varianten overflow-x und -y.

nikosch · 27.06.2010, 19:01

Zitat:

Man "könnte" dein Content-DIV in ein weiteres packen, rechter Zwischenraum: scrollbalkenbreite.

Das würde ich stark bezweifeln, weil sich die Gesamtbreite vom Browserinnenbereich ableitet.

27.06.2010, 19:12

@XLB Deine Lösung versteh ich nicht sorecht

@nikosch schade

Naja dann muss wohl so eine blöde dauerhaft Scrollbar her, könnte zwar mit JS was probieren aber das ist dann auch mehr gefuscht als gut

XLB · 27.06.2010, 19:20

Zitat:

Die Seite ist mittig ausgerichtet, ...

Die Breite scheint fix zu sein, die Gesamtbreite des Content per CSS also vorgegeben.

Zitat:

weil sich die Gesamtbreite vom Browserinnenbereich ableitet

Ich dachte nicht an einen Scrollbalken am rechten Fensterrand des Browsers, sondern direkt am rechten Rand des zentrierten Content-DIVs ...

@Dominik: Kann man sich deine Seite online ansehen?

27.06.2010, 19:50

Nein leider nicht, achso meinst du das

Das würde aber doch im Verschieben nix ändern ?

Habe mal ein overflow-y:scroll ausprobiert und bin richtig überrascht, den wen der Content nicht hochgenug ist wird er zumindest im firefox disabelt

mfg

XLB · 27.06.2010, 19:53

So in der Art ... CSS-Test?

Wird die Scrollbar eingeblendet, bleibt der Content "stehen". In wie weit sich sowas in komplexere Geschichten integrieren ließe ...?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Suche] Anpassen von CMS an Design	kelv	Gewerblich	1	27.05.2010 20:33
Design Pattern	BlackScorp	PHP Tipps 2009	7	06.01.2010 19:04
Design für PHP-Trader	CrashStudios	Beitragsarchiv	0	27.12.2009 22:17
Hast Du Lust, ein CSS Design für alle Browser anpassen	dh1sbg	Scriptbörse	8	21.09.2008 13:04
Design Pattern	Harry B.	Software-Design	7	02.09.2008 20:49
Design und Code Trennen	TeazY	PHP Tipps 2008	29	21.05.2008 12:08
design mittig halten	Niedi	HTML, Usability und Barrierefreiheit	10	28.08.2005 15:50
Design		Beitragsarchiv	26	04.06.2005 20:56
[PHP] Design Schutz für ein Gästebuch	I-Spy	PHP Tipps 2005	5	01.01.2005 11:25
[Erledigt] Design Firefox vs IE bitte um Hilfe		HTML, Usability und Barrierefreiheit	4	23.09.2004 05:15

27.06.2010, 14:24
Dominik Gast Beiträge: n/a	Design bei Scrollbalken änderung Hallo, meine Seite hat einmal einen Scrollbalken und einmal nicht. Die Seite ist mittig ausgerichtet, der Content wird per AJAX geladen. Nun hab ich das Problem das, wenn die Seite höher also der Content länger wird eine Scrollbar entsteht und das Design um die PX nach Links wandert (springt) Gibts da eine Lösung (nicht immer eine Scrollbar mit zb 101% erzeugen) mfg


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

27.06.2010, 14:32
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Nein. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

27.06.2010, 18:34
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Wenn dein Design das zuließe ... [rumspinn] Man "könnte" dein Content-DIV in ein weiteres packen, rechter Zwischenraum: scrollbalkenbreite. Wenn man's CSS geschickt verwurstelt (overflow, height, margin, ...) bleibt der Content im inneren DIV so breit, wie er war, der Scrollbalken "erscheint" im umgebenden DIV und lässt die "innere Breite" unangetastet. [/rumspinn] ... müsste mal experimentiert werden.

27.06.2010, 18:39
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Ein Scrollbalken lässt sich mit dem Wert scroll für die overflow-Eigenschaft erzwingen; und alle aktuellen Browser unterstützen auch die Varianten overflow-x und -y. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

27.06.2010, 19:12
Dominik Gast Beiträge: n/a	@XLB Deine Lösung versteh ich nicht sorecht @nikosch schade Naja dann muss wohl so eine blöde dauerhaft Scrollbar her, könnte zwar mit JS was probieren aber das ist dann auch mehr gefuscht als gut

27.06.2010, 19:50
Dominik Gast Beiträge: n/a	Nein leider nicht, achso meinst du das Das würde aber doch im Verschieben nix ändern ? Habe mal ein overflow-y:scroll ausprobiert und bin richtig überrascht, den wen der Content nicht hochgenug ist wird er zumindest im firefox disabelt mfg

27.06.2010, 19:53
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	So in der Art ... CSS-Test? Wird die Scrollbar eingeblendet, bleibt der Content "stehen". In wie weit sich sowas in komplexere Geschichten integrieren ließe ...?