Patrick: Auflösungsbedingtes Design

Ich würde gerne eine Website erstellen, die immer die volle Breite des Browserfensters ausnutzt (wie z.B. www.amazon.de...egal welche Auflösung man hat, die Seite erstreckt sich über das ganze Fenster). Wie mache ich dies? Man kann ja eine Tabelle erstellen und bei width den Wert 100% angeben, aber dann verzerren sich doch auch die Hintergrundbilder, Linkpositionen, etc. oder?
Wie kann man soetwas realisieren?

  1. Mit screen.width kannst Du die Breite des Bildschirms abfragen, und dann je nachdem ein anderes entsprechend angepasstes Bild laden.

    Das gehört dann aber in die Kategorie Javascript.

    Mfg, MF

    1. Hi,

      Mit screen.width kannst Du die Breite des Bildschirms abfragen, und dann je nachdem ein anderes entsprechend angepasstes Bild laden.

      Gebetsmühle hervorhol: Die Breite des Bildschirms ist irrelevant. Wenn überhaupt, fragt man für Designzwecke die Breite des sichtbaren Bereichs des Browserfensters ab (Viewport).

      Das gehört dann aber in die Kategorie Javascript.

      Eher die Kategorie "MuchoKranko". >;->

      Gruß, Cybaer

      --
      Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  2. Hi,

    aber dann verzerren sich doch auch die Hintergrundbilder, Linkpositionen, etc. oder?

    Nein, das tun sie nicht...

    MfG
    Danny

    1. Hi,

      Nein, das tun sie nicht...

      Ähm, wenn Du beispielsweise als Titel eine Grafik hast, die sagen wir mal 900 Pixel breit ist, dann verschwindet bei einer Auflösung von 800x600 ein Teil davon sowie der ganze Teil rechts daneben.
      Somit ist die Frage schon berechtigt.

      Mfg, MF

      1. Hi MankoFranko,

        Nein, das tun sie nicht...
        Ähm, wenn Du beispielsweise als Titel eine Grafik hast, die sagen wir mal 900 Pixel breit ist, dann verschwindet bei einer Auflösung von 800x600 ein Teil davon sowie der ganze Teil rechts daneben.

        Das ist aber keine Verzerrung.
        An den Ausgangsposter: Man muss bei einem flexiblen Layout darauf achten, dass etwa der linke Teil eines Titels als Hintergrundgrafik angezeigt wird, die dann nahtlos in die Hintergrundfarbe übergeht, die dann beliebig mit der Breite ausgedehnt wird.

        Viele Grüße
        Mathias Bigge

  3. Hi,
    amazon.de verwendet ein Tabellenlayout mit einigen variablen Zellen. Nichts ungewöhnliches. Die Tabelle ist 100% breit und der mittlere bereich ist flexibel bis zu einer bestimmten Mindestbreite (vermutlich durch eine Grafik begrenzt).

    freundliche Grüße
    Ingo