Startseite/Portal mit Überbreite ?

[baschdler]

Hab grad festgestellt, daß die kleinen Fenster am rechten Rand der Startseite (Chat, Suche, Kalender, etc.), auf meinem Bildschirm, etwas über den rechten Bildrand und über den Hintergrund hinausragen. Die Fenster der Unterforen hingegen passen, wie gewohnt, auf eine Seite des Browser-Fensters. Ist zwar nicht sehr störend, aber etwas unschön.

Wurde da was am Standard des Seitenverhältnisses auf der Portalseite geändert ?

Ich muss dazu sagen, daß ich noch einen etwas antiquierten Röhren-Monitor und Seitenverhältniss 4:3 benutze(mein Browser ist Firefox 8.0).

Gruß Martin

[Blacksmith77K]

Nö, iss bei mir auch so. Kommt durch den zu groß geratenen Flecomedia-Hinweis-Banner.

[Marty]

Bei mir ist das nicht so. Hier sieht alles so aus wie es sein soll. An dem Fleco-Hinweis kann es glaube ich nicht liegen, da er kleiner ist als das Fenster was ihm umschließt. Screenshot wäre super, damit ich das nachvollziehen kann.

[Mandos]

Bittesehr:

[FluFlu]

Also mit gefällt es. Sieht modern aus.
Aber - könnte man die linken Boxen auch noch ein bisschen nach links überhängen lassen? Für ein harmonischeres Bild?

[eddytwobows]

Nö, bei mir iss alles bestens, sieht aus wie immer...

Ich muss dazu sagen, daß ich noch einen etwas antiquierten Röhren-Monitor und Seitenverhältniss 4:3 benutze(mein Browser ist Firefox 8.0).

Gruß Martin

@baschdler...
Cookies löschen und den neusten FF (9.0.1) installieren, möglicherweise löst daß das Problem (ist ein Schuß ins blaue, zugegeben... )

LG
etb

[Pyromir]

Moin,

das oberste Content divs schieben die rechts stehenden Info-Boxen (auch divs) raus. Die Box "Willkommen" schiebt die Breite auf und die darunter stehenden Boxen rennen hinterher. Dazu kommt, dass das mittlere Panel links und rechts noch ein 10 px Padding mitbringt, naja, nee, erbt.

Code: Alles auswählen

.panel {
  background-color:#F3F3F3;
  color:#3F3F3F;
  margin-bottom:4px;
  padding-bottom:0;
  padding-left:10px;
  padding-right:10px;
  padding-top:0;
}

Wie kommt das? Problem 1: Dem Layout liegt eine Tabelle zugrunde (BÖSE! ), die Spalten links und rechts sind mit 180 px gefixt. Die mittlere Spalte bekommt den Rest. Den Rest wovon? Den Rest vom div mit der ID "wrap", also dem Wrapper. Und der ist ebenfalls fest definiert mit:

Code: Alles auswählen

max-width:985px;
  min-width:650px;

So, jetzt Mathe:
180 px (linke Spalte)
10 px padding-right (im Quelltext hartverdrahtet, nicht aus der css)
180 px (rechte Spalte)
10 px padding-left(im Quelltext hartverdrahtet, nicht aus der css)
588 px (Netto Bildbreite)
4 px padding rechts durch das div der class "foragb"
4 px padding links durch das div der class "foragb"
10 px links durch das padding der .panel
10 px rechts durch das Padding der .panel
==================================================
996 px.... d.h. wir sind in der tatsächlichen Breite 11 px. über max-width.

Es ist definitiv das Bild, welches zu breit ist. Machst Du das 11px schmaler, dann passt es... aber nur wenn das Browserfenster die maximale Breite darstellen kann. Nutzer von mobilen Endgeräten (Netbook, Smartphones und einige Pads) und älteren Monitoren haben ein Problem. Nicht schön.

Meine Empfehlung: Bild raus - höchstens ein kleines Flecomedia-Logo - Text rein. Alles andere wird immer irgendwie merkwürdig aussehen, zumindest für die mobil zugreifenden Besucher des FC.

Durch die zu große Breite kommen die Browser ins Schleudern. Ich war gerade mal mit verschiedenen Browser drauf, die behandeln das Problem sehr unterschiedlich. Das ganze Drama kannst Du Dir auf Browsershots.org zu Gemüte führen.

@Eddy: Nope, verkleiner mal Dein Browserfenster Schritt für Schritt

LG
Marc

[eddytwobows]

@Pyromir...

.../...
@Eddy: Nope, verkleiner mal Dein Browserfenster Schritt für Schritt

LG
Marc

Hab ich grad gemacht, passiert nix, alles in bester Ordnung... habe allerdings auch einen "Wide-Screen", wird wohl daran liegen...

LG
etb

[Pyromir]

Guck mal:
Browser FireFox 10.0 beta, Monitorauflösung 1600 x 900 px, Browserfenster fullscreen:

Im 10ner Fuchs ist es am deutlichsten, der Chrome beispielsweise verschiebt wirklich alles nur um 11px (kommt mir trotzdem nicht als Standard auf den Rechner)

Edit sagt: Menno, das hat Mandos doch schon gezeigt, sorry, ich habe gepennt.

[Galighenna]

Hehe interessant wie man sonen Browser austricksen kann... *g*
Ich hab gerade mal bei mir geguckt. Auf den ersten Blick sieht alles gut aus, auf den zweiten Blick sind auch bei mir die Boxen leicht nach rechts rausgeschoben. Besonders fällt das auf, wenn man wie Pyromir vorgeschlagen hat, mal das Browserfenster kleiner machen. Dann verkleinert sich der hinterlegte dunkle Mittelbereich und die Boxen scheinen immer mehr nach rechts rauszuwandern.
Man oh man, auf was man alles achten muss...

[eddytwobows]

Wie gesagt, bei mir ist alles bestens, keine Verschiebung(en), auch nicht beim Verkleinern...

LG
etb

[Pyromir]

Man oh man, auf was man alles achten muss...

Für einen großen Kunden baue ich gerade Online-Lernprogramme. Die müssen auf jedem Endgerät laufen, notfalls auch ohne Flash, kommunizieren mit Abrechnungssoftware, Lernmanagementsystem, Customer Relationship Management Software... das macht eigentlich Spaß, nur letztens habe ich vor Wut mal 'nen USB-Stick durchs Büro gefeuert ... der ist nun tot.

Eddy, verkleiner doch bitte mal den ganzen Browser auf die halbe Breite, also nicht über STRG+ oder STRG-. Wie sieht es dann aus?

[eddytwobows]

Uuups, ah, jetzt ja, ok...

Beim zuzammenziehen per Maus fangen die Boxen nach etwa einem Drittel (sobald die Browserkante an den FC Rahmen "stößt", bzw. darüber hinweggeht, so daß unten der "Schiebebalken" erscheint...) an, nach rechts "auszuwandern", hatte ich eben nicht drauf geachtet...

Dann müßte das Problem also rein vom "optischen" mit der STRG- Verkleinerung der Browserfunktion und Fenster weiter aufziehen zu lösen sein...

LG
etb

[Galighenna]

Ich habe jetzt mal mit dem Build-in-Browser auf meinem Android getestet. Keine Verschiebung ... interessant!

[Pyromir]

Der ist schlau, der rechnet die Elemente, ausgehend von den "Idealwerten" runter. Android ist schon klasse.