hansebert: Skalierbare rahmen mit hintergrund.

SELF-Forum

Skalierbare rahmen mit hintergrund.

hansebert
– Informationen zu den Bewertungsregeln

Hi,
ich versuche momentan mit Containern einen Rahmen über eine komplette Seite zu legen. In den Rahmen befinden sich dann Hintergrundbilder die wiederholt werden. So das IMMER die komplette Display breite genutzt wird. Darin soll sich dann der Content befinden. Habe dann mal ein bisschen rumprobiert und es auch soweit hinbekommen. Nur das bei allen versuchen noch ein kleine Macke dran war. z.B das wenn der Content größer als das Display war, der untere Rahmen nict weiter nach unten geschoben wurde. Oder das an den beiden Vertikalen Rahmen jeweils noch ein Pixel platz war der absolut nicht weggehen wollte. Oder auch das Ephiphany falsch aber der IE korrekt dargestellt hat. Wenn man ausschlielich C ontainer verwendet sollte sowas doch eigentlich nicht vorkommen, oder? Hat jemand vielleicht schonmal eine sauber Lösung für das Problem umgesetzt?
Thx
hansebert

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Skalierbare rahmen mit hintergrund.

    Zeromancer
    – Informationen zu den Bewertungsregeln

    Hallo hansebert,

    kann man mal was sehen? Das wäre sehr hilfreich.

    Mit freundlichen Grüßen

    André

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Skalierbare rahmen mit hintergrund.

      HANSEBERT
      – Informationen zu den Bewertungsregeln

      body {
      padding:0px;
      margin:0px;
      border:0px;
      }

      p {
      padding:0px;
      margin:0px;
      }

      div.mainframe {
      position:absolute;
      border: 2px solid #ff5242;
      height: 100%;
      width: 100%;
      Z-index:1;
      padding:0px;
      margin:0px;
      }

      div.innerframe{

      padding:0px;
      margin:72px;
      border:2px solid black;
      Z-index:4;
      }

      div.hbar{
      position:absolute;
      margin:0px;
      padding:0px;
      border: 0px;
      top:0px;
      width:100%;
      height:72px;
      Z-index:2;
      background-image:url(hrahmen_oben.jpg);
      }

      div.hdbar{
      position:absolute;
      margin:0px;
      padding:0px;
      border: 0px;
      bottom:0px;
      width:100%;
      height:72px;
      Z-index:2;
      background-image:url(hrahmen_unten.jpg);
      }

      div.leftvbar{
      position: absolute;
      margin-top:2px;

      padding-bottom:0px;
      padding:0px;
      border: 0px;

      left:0px;

      height:99%;
      width:72px;
      Z-index:3;
      background-image:url(vrahmen_links.jpg);
      }

      div.rightvbar{
      top:0px;
      margin-top:2px;
      padding:0px;
      border: 0px;
      position: absolute;
      right:0px;
      height:99%;
      width:72px;
      Z-index:3;
      background-image:url(vrahmen_rechts.jpg);
      }

      Und die Html Datei.
      Habe es momentan leider nur auf meinem Lokalem Server liegen.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Skalierbare rahmen mit hintergrund.

        html datei
        – Informationen zu den Bewertungsregeln

        html datei:
        <?php
        include('head.inc.php');
        ?>
        <body>
        <div class="mainframe">

        <div class="hbar">
        </div>

        <div class="hdbar">
        </div>

        <div class="leftvbar">
        </div>
        <div class="rightvbar">
        </div>

        <div class="innerframe">
        <p>
        <br>
        <br>

        <br>
        <br>
        <br>
        <br>
        <br>nhih
        <br>
        <br>
        <br>jnlkj<br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>

        <br>
        <br>
        <br>
        <br>
        <b
        <br>
        <br>
        guiguzgzu
        <br>

        </p>
        </div>
        </div>

        </body>
        </html>

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln