DIV-COntainer variabel anlegen

  • Moin.

    Hoffe ihr könnt mir helfen.

    Ich hab mir ein Design gemalt. Und nun will ich das ich In den 4 Ecken immer halt meine gemalte Ecke hab und dannin den zwischenräumen, die ja da sind, soll sich ein Bild immer anpassen.

    So das das Design sich an die Auflösung anpasst und auch bei verkleinern des Fensters nur bis zu einer bestimmten Größe, sonst passt das nicht mehr... bei meiner Lösung hat scih das immer ineinander verschoben.

    Bitte versucht mir zu Helfen.

  • Ist etwas problematisch, was du da vor hast:
    Die "Ecken" sollen eine feste Breite haben, während der Zwischenraum variabel sein soll. Somit weiß der Zwischenraum nicht, wie groß er sein soll, weil seine Breite von der Bildschirmauflösung und den Eckenbreiten abhängt.
    Entweder also alles in Pixelbreiten oder alles in Prozent.
    Hab' hier mal ein Beispiel für eine 30 px breite Grafik. Das haut bei sehr kleinen Auflösungen aber nicht hin.

    Code
    <div style="float:left; background-color:red;width:4%; height:500px;">
    [img]bild.jpeg[/img]                        [img]bild.jpeg[/img]
    </div>
    
    
    <div style="float:left; width:91%; height:500px; background-color:yellow;">content</div>
    
    
    <div style="float:left; background-color:red;width:4%; height:500px;"></div>