Elemente verschieben sich ?

Hey hab folgendes problem…

ich prog grad a bisl an einer neuen Homepage:

http://burningdeath.bu.ohost.de/

so mein problem ist das wenn ich das Browserfenster kleiner mach, verschieben sich die Elemente untereinander… kann ich das irgendwie machn, das da sein scrollbalken kommt?

gruß wolf360

Bei mir ist auf der Seite nur ein Element, das Menü, und das verschiebt sich natürlich nicht.

Je nachdem, was Du zum Positionieren benutzt, und was für Elemente Du darzustellen versuchst, muss sich das ja verschieben, wenn das Fenster kleiner wird. Horizontale Scrollbalken sind auf jeden Fall nicht ratsam, die stören ungemein beim Lesen.

nehem wir den banner bereich das sind bei mir 2 grafiken… sobald ich das fenster kleiner mach, rutscht das eine unter das andere… und verschiebt somit das design…

aber mit einem Horizonalen Scrollbalken bleibt mein design erhalten.

Also bei mir sind auf der von Dir verlinkten Seite zwar zwei Images oben, aber verschieben tut sich da nichts.

Wenn Du aber argumentierst, dass ein horizontaler Scrollbalken Dein Design schützt, dann solltest Du Dein Design überdenken. Im Web gelten nämlich andere Gesetze als z.B. im Print-Design. Ein ideales Web-Layout passt sich an die Einstellungen im Browser der Nutzer an und sieht somit u.U. bei jedem Nutzer anders aus. Pixelgenaue Layouts sind nicht wirklich WWW-geeignet.

Die Benutzer können unterschiedlich große Browserfenster haben, sie können unterschiedliche Einstellungen für die Schriftgröße haben, usw. Und trotzdem erwarten sie von einer Website immer, dass sie sie mit ihren Einstellungen angenehm nutzen können. Dazu gehört auch, dass sie keinen horizontalen Scrollbalken bekommen, weil das das Lesen einer Website enorm beeinträchtigt und dann alles keinen Spaß mehr macht.

Interessant zum Thema Usability ist u.a. diese Site: Best Viewed with / Optimiert für … Webdesign und Usability

Mir erschließt sich allerdings auch nicht ganz, warum Du jedes der beiden Images in ein div packst und die beiden dann floatest. ist ein Inline-Element. Wenn Du zwei Images nebeneinander stellst, dann werden sie auch nebeneinander angezeigt. Du packst ein Image aber nun in ein allgemeines Block-Element und erreichst damit, dass sich das Element über die volle Breite erstreckt, also noch ein Image gar nicht daneben passt. Dann benutzt Du float, um wieder den Zustand herzustellen, den Du ohne die ganzen divs nicht hättest, nämlich dass beide Block-Elemente nebeneinander stehen.
Ich weiß zwar nicht, warum sich die Images bei mir nicht untereinander darstellen, aber wenn Du zwei Elemente (ob float oder Inline) nebeneinander stellst, und für das zweite kein Platz mehr ist, dann rutscht es nunmal in die nächste Zeile. Ach so, ja, Du packst das dann nochmal in ein div und gibst dem div eine feste Breite. Deswegen rutscht da nichts zusammen und Du hast den Effekt, den Du eigentlich willst: horizontale Scrollbalken.

Auf die div#ecke_oben und div#banner kannst Du in jedem Fall verzichten.

Und Du solltest etwas mehr auf Deine Semantik achten, Du bist auf dem besten Wege, div-Suppe zu kochen, aber das nur so am Rande.

Gruß,
-Efchen

Und was stört dich daran?
Es gibt zwei Möglichkeiten den kompletten Inhalt einer Seite lesen zu können, wenn der Browser nicht breit genug ist.

  1. Man scrollt
  2. Die komplette Seite wird zusammengequetscht und untereinander dargestellt.

Ich finde da 1. angenehmer…

Dann gehörst Du eben zu einer Minderheit, sowas gibts zu Hauf! :slight_smile:

okey, danke für die hilfe.

dann werd ich mich mal an die Arbeit machn.

gruß wolf360