Inhalt zentrieren trotz Scrolleiste

max-dhom · 20.05.2006, 13:53

Hallo zusammen,

ich habe eine Homepage, bei der der Inhalt insgesamt zentriert ist. Jetzt habe ich das Problem, dass sich der Inhalt logischerweise nach links verschiebt, wenn der Inhalt so lang ist, dass eine Scrolleiste erscheint!

Hat jemand eine Idee, wie ich das umgehen kann?

Danke,
Max

Zergling-new · 20.05.2006, 15:33

Hallo,
das Problem hatte ich auch schon einige male und wir haben das in der Agentur auch mal besprochen. Wir sind dann zum Ergebnis gekommen, es nicht zu fixen mit irgendwelchen Skripten. Der User kennt und versteht den Effekt ja.

Wenn du es doch machen willst musst du eben einen DIV-Layer als <body>-"Ersatz" schreiben, dem du eine fixe Breite zuweist. Hier fängts aber schon an: Du kannst die verfügbare Breite ja einfach auslesen, aber ist das jetzt schon die Breite mit oder ohne Scrollleiste? Und jetzt wirds unschön..

Aber wenn du auf ein einfaches Ergebnis gekommen bist, gib Bescheid

max-dhom · 20.05.2006, 16:27

Hm ich habs mir mal so gedacht irgendwie: Kann man ermitteln wie groß das rowserfenster ist? dass man dann sagt, wenn das Fenster 800 breit ist, und man weiss dass die breite der leiste, dass man dann den inhalt nicht zentriert, sondern dann abhängig ovn der fensterbreite den inhalt von links verschiebt!

Etwas komisch ausgedrückt, aber verstehst?

Zergling-new · 20.05.2006, 16:44

screen.availWidth
document.body.offsetWidth (MSIE, mittlerweile auch Firefox?, kann erst verwendet werden, wenn die Seite (der body genaugenommen) erzeugt wurde)
window.innerWidth (Mozilla)

Schau dir die Werte mal an. Hab nicht so hundert Prozent verstanden wie du dir das vorstellst. Aber manche haben ja noch die Sidebar aktiviert, nicht jeder surft Vollbild, mancheiner verstellt sogar die Schriftgröße über den Browser. Alles so Geschichten die das ganze etwas unverläßlich machen.

max-dhom · 20.05.2006, 17:12

hm puh, von den Begriffen sagt mir keiner was

is das Javascript?

Zergling-new · 20.05.2006, 17:24

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
Bild verschafft sich platz		HTML, Usability und Barrierefreiheit	14	11.08.2008 23:45
mit DropDown DIV inhalt ändern	Soese	HTML, Usability und Barrierefreiheit	2	30.06.2008 01:38
Variable mit externen Inhalt setzen?	errox	PHP Tipps 2008	7	30.05.2008 21:39
Textdatei erstellen - Inhalt mit Variablen füllen	DDogg	PHP Tipps 2006	3	25.09.2006 13:44
Inhalt eines Feldes auf anderer Seite übernehmen	Asipak	PHP Tipps 2006	2	11.06.2006 17:39
Vertikal zentrieren mit CSS - so gehts.		HTML, Usability und Barrierefreiheit	2	02.03.2006 09:15
innerHTML/document.write und Inhalt in anderen Frame ändern		HTML, Usability und Barrierefreiheit	1	29.01.2006 10:35
input=text zentrieren	md5hash	HTML, Usability und Barrierefreiheit	2	07.11.2005 17:42
Inhalt einer Text-Datei löschen		PHP Tipps 2005-2	3	11.07.2005 23:21
scrollbar verschiebt inhalt	faultier	HTML, Usability und Barrierefreiheit	13	11.07.2005 21:11
Inhalt erscheint trotz base target im falschen Frame		PHP Tipps 2005	4	12.05.2005 16:11
&lt;div&gt;- container vertikal auf seite zentrieren		HTML, Usability und Barrierefreiheit	3	08.05.2005 11:16
Variablen inhalt verändern (löschen und einfügen)		PHP Tipps 2004	2	16.09.2004 11:57
Inhalt einer Datei einbinden ohne Inhalt anzuzeigen	Corvin	PHP Tipps 2004	4	22.07.2004 09:24
Inhalt mit css zentrieren	RudiS	HTML, Usability und Barrierefreiheit	3	03.07.2004 23:23

20.05.2006, 13:53
max-dhom Erfahrener Benutzer Registriert seit: 12.07.2005 Beiträge: 279	Inhalt zentrieren trotz Scrolleiste Hallo zusammen, ich habe eine Homepage, bei der der Inhalt insgesamt zentriert ist. Jetzt habe ich das Problem, dass sich der Inhalt logischerweise nach links verschiebt, wenn der Inhalt so lang ist, dass eine Scrolleiste erscheint! Hat jemand eine Idee, wie ich das umgehen kann? Danke, Max


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

20.05.2006, 15:33
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Hallo, das Problem hatte ich auch schon einige male und wir haben das in der Agentur auch mal besprochen. Wir sind dann zum Ergebnis gekommen, es nicht zu fixen mit irgendwelchen Skripten. Der User kennt und versteht den Effekt ja. Wenn du es doch machen willst musst du eben einen DIV-Layer als <body>-"Ersatz" schreiben, dem du eine fixe Breite zuweist. Hier fängts aber schon an: Du kannst die verfügbare Breite ja einfach auslesen, aber ist das jetzt schon die Breite mit oder ohne Scrollleiste? Und jetzt wirds unschön.. Aber wenn du auf ein einfaches Ergebnis gekommen bist, gib Bescheid

20.05.2006, 16:27
max-dhom Erfahrener Benutzer Registriert seit: 12.07.2005 Beiträge: 279	Hm ich habs mir mal so gedacht irgendwie: Kann man ermitteln wie groß das rowserfenster ist? dass man dann sagt, wenn das Fenster 800 breit ist, und man weiss dass die breite der leiste, dass man dann den inhalt nicht zentriert, sondern dann abhängig ovn der fensterbreite den inhalt von links verschiebt! Etwas komisch ausgedrückt, aber verstehst?

20.05.2006, 16:44
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	screen.availWidth document.body.offsetWidth (MSIE, mittlerweile auch Firefox?, kann erst verwendet werden, wenn die Seite (der body genaugenommen) erzeugt wurde) window.innerWidth (Mozilla) Schau dir die Werte mal an. Hab nicht so hundert Prozent verstanden wie du dir das vorstellst. Aber manche haben ja noch die Sidebar aktiviert, nicht jeder surft Vollbild, mancheiner verstellt sogar die Schriftgröße über den Browser. Alles so Geschichten die das ganze etwas unverläßlich machen.

20.05.2006, 17:12
max-dhom Erfahrener Benutzer Registriert seit: 12.07.2005 Beiträge: 279	hm puh, von den Begriffen sagt mir keiner was is das Javascript?

20.05.2006, 17:24
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	ja