Umsetzen in HTML

    Hallo zusammen :)

    Ich möchte gerne, dass meine gestaltete Seite am Ende so aussieht:

    http://www.mein-gipser.ch/v12.jpg

    Die grösse der Seite soll sich je nach Auflösung verändern. Jedoch muss der obere und der untere Balken immer *gleich* gross bleiben, also im Verhältniss.
    In der Mitte wird dann zentriert das Bier als Flash eingefügt. Darum muss die mittlere Grafik im Hintergrund gespeichert sein.

    Die Elemente:
    http://www.mein-gipser.ch/oben.jpg
    http://www.mein-gipser.ch/mitte.jpg
    http://www.mein-gipser.ch/unten.jpg

    Kann mir jemand eine otimale Lösung bieten?

    Freundliche Grüsse
    Fabian

    Hey ho,
    also ich wüste halt die lösung das du die bilder repeaten lässt je nach auflösung , da musst du deine bilder aber öndern noch sonst sieht das mit den verlaufen nicht gut aus...
    ich mein wie denkst du es denn ? auseinander ziehen sieht doch schlecht aus, also musst du repeaten lassen


    mfg

    Zitat von Pion

    Hey ho,
    also ich wüste halt die lösung das du die bilder repeaten lässt je nach auflösung , da musst du deine bilder aber öndern noch sonst sieht das mit den verlaufen nicht gut aus...
    ich mein wie denkst du es denn ? auseinander ziehen sieht doch schlecht aus, also musst du repeaten lassen


    mfg

    Ne, ich dachte, dass bei tieren auflösungen man einfach nicht alles vom bild sieht. Mann sieht das bild einfach von der "mitte" aus :) Und um so höher die Auflösung, desto mehr sieht man.

    Gruss

    des problem is dann aber, dass die bilder ziemlich groß werden müssen, da du
    eigentlich von der maximalen auflösung ausgehen musst. was sich dann auch
    wieder auf die kb-zahl niederschlägt...

    der rest (also flash einbinden, fixieren) sollte kein problem sein.

    Zitat von driver

    des problem is dann aber, dass die bilder ziemlich groß werden müssen, da du
    eigentlich von der maximalen auflösung ausgehen musst. was sich dann auch
    wieder auf die kb-zahl niederschlägt...

    der rest (also flash einbinden, fixieren) sollte kein problem sein.

    Ich geh bis max 1200x1024 :) Kann auch höher, was meint Ihr? Die kb sind kein Problem, loader rein und die Seite ist für ein schmales Publikum.

    Gruss

    Zitat von banzaihalo

    Ne, ich dachte, dass bei tieren auflösungen man einfach nicht alles vom bild sieht. Mann sieht das bild einfach von der "mitte" aus :) Und um so höher die Auflösung, desto mehr sieht man.

    Gruss


    Ja dann hast du dir doch die Lösung schon gegebn ;)

    Wenn du die BIlder als Hintergrund in deine Div steckst und sich die Div an die Seite anpassen also via 100prozent und zentriert werden , dann wird doch bei einer niegrigen auflösung nur so und so viel vom Bild gezeigt, also wo ist das Problem

    mfg

    Zitat von Pion

    Ja dann hast du dir doch die Lösung schon gegebn ;)

    Wenn du die BIlder als Hintergrund in deine Div steckst und sich die Div an die Seite anpassen also via 100prozent und zentriert werden , dann wird doch bei einer niegrigen auflösung nur so und so viel vom Bild gezeigt, also wo ist das Problem

    mfg

    Das Problem ist, dass ich der obere und der untere Balken nicht hinkriege. Kriege Probleme mit dem ganzen Layout :(

    Gruss

    Büddeschön:)

    Code
    <body style="margin: 0 auto; ">
<div style=" width:100%; height:180px; background-position:center; background-image:url(http://www.mein-gipser.ch/oben.jpg)"></div>
<div style="  width:100%; height:646px ; background-position:center;  background-image:url(http://www.mein-gipser.ch/mitte.jpg)"></div>
<div style=" width:100%; height:166px ; background-position:center; background-image:url(http://www.mein-gipser.ch/unten.jpg)"></div>
</body>


    Die Höhe hab ich da nun fest gemacht , sollte aber als Demo reichen :)