Div höhe = ganzer Bildschirm

Der Inhaltsumfang bestimmt die Elementhöhe, das ist der natürliche Lauf der Dinge.

Also müsste ein CSS-Trick herhalten, in dem der linke u. rechte Rahmen nicht für dieses Element definiert wird, sondern als Hintergrundbild beispielsweise für <body> fungiert, dessen Höhe auf 100% zu strecken ist.
 
Ok dann muss ich wohl auf einen nach unten offenen Rahmen verzichten, da bei einem Hintergrundbild im body die breite des Inhaltes ja fix wären.
 
Für eine variable Breite können die Rahmensegmente selbstverständlich auf zwei Elemente verteilt werden :)

In etwa so:

HTML: 
<body>
    <div id="wrap">
        <!-- umschließt alle weiteren Seitenbereiche -->
    </div>
</body>
CSS: 
html,body 
{
    margin:0;
    padding:0;
    height:100%;
}
body 
{
    background:url(borderLeft.png) left repeat-y;
}
div#wrap
{
    min-height:100%;
    background:url(borderRight.png) right repeat-y;
}
 
Hab da mal etwas Anschauungsmaterial aus meinem lokalen CSS-Archiv hervorgekramt ;-)

Entspricht zwar nicht ganz deiner Vorlage / Vorgabe, aber zum Studium der Technik ist es alle mal gut :D

[edit]
Dein genutzter Farbverlauf würde folglich mit in die beiden Rahmen-Grafiken einfließen.
[/edit]
 

Anhänge

  • height100%_+_header_+_footer.zip
    1,7 KB · Aufrufe: 67
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück