zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden min-height:100 nur für contentbereich

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.03.2012, 16:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.03.2012
Beiträge: 1
chris1986m befindet sich auf einem aufstrebenden Ast
Standard min-height:100 nur für contentbereich

Hallo,

ich bin jetzt seit ca. 2 Tagen am suchen einer Lösung für mein Problem.

Meine Internetseite soll eine 100% Höhe erhalten. Jedoch gibt es dort bei mir ein paar spezielle Dinge, die ich nicht umsetzen kann.

Ich versuche es mal abgespeckt und vereinfacht darzustellen.


<body>
<construct>
<header></header>
<content>Inhalt via PHP</content>
<footer></footer>
</construct>
</body>

Der Hintergrund von body ist ein Verlauf der sich über den gesamten Viewport erstreckt.

Construct ist ein div, welcher nur als zweiter body dient und alles zusammenhält.

In header befindet sich unteranderen die Navigation welche aus Tabs besteht und somit kein Hintergrund hat. (Nimmt den Hintergrundverlauf von body an). Damit es so aussieht, als würden die Tabs der Navigation oben am Content sitzen.

Content soll sich bis zum Browserende skalieren. Der noch existierende Footer ist ein anderes Thema, da dieser absolute bottom positioniert ist, ist dies nicht das Problem.
Für den Contentbereich, habe ich ein 1px hohes Hintergrundbild mit Schatten, welches nach unten repeatet wird.

Das funktioniert alles auch ganz gut. Nur leider habe ich das Problem, das sich der Contentbereich via min-height:100% zu groß skaliert. Die komplette Höhe des Headers (35px + 40 padding-top) wird unten außerhalb des Viewport mit Scrollbars angezeigt. Egal was ich mache (margin / padding -+) bringt alles nichts. Weniger wird der Contentbereich nicht, es kommt wenn nur mehr hinzu...

Ich habe schon etliche Tutorials durch und komme einfach nicht weiter. Überall steht, dass man das repeatete 1px Hintergrundbild mit Schatten auf den <construct> legen soll, wenn dieser eine min-height:100% hat. Ja das ist auch korrekt, jedoch nur für "einfache" Designs. Wenn ich das mache, wird mein gesamter Header und auch Footer von dieser Hintergrundgrafik betroffen, obwohl dieser keinen Hintergrund hat.
Es muss doch eine Lösung geben, dass ich nur den contentbereich auf min-height:100% habe und header und footer korrekt ohne Scrollbars angezeigt werden. Außerdem will ich, dass sich der Content nicht am Inhalt orientiert, sonder an der Höhe des Viewports.

Ich hoffe ihr könnt mein Problem ein bisschen nachvollziehen.

Viele Grüße
Chris
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.03.2012, 17:18
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.823
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von chris1986m Beitrag anzeigen
Ich versuche es mal abgespeckt und vereinfacht darzustellen.
Der (vollständige) Quelltext deines Versuches wäre um einiges hilfreicher. Aber seis drum.

So wie du dir das vorstellst ist das ganze momentan nicht machbar.

Möglich ist eine Lösung, bei der die Kopf- und Fußbereiche nicht mitscrollen. Das kannst du ähnlich umsetzen wie in einem anderen Thread bereits beschrieben.

Nebenbei: Warum dein Versuch nicht funktionieren kann, wirst du verstehen, wenn du verstanden hast, wie sich die Gesamthöhe eines Elements berechnet.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.

Geändert von gato (25.03.2012 um 17:23 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Zentrierter Background + Menü und Contentbereich => Verschiebung bei kleiner Breite deepmessage CSS 4 20.11.2011 19:30
css ruckelt alle 5 min unter windows 7 (64bit) estelistah Offtopic 10 19.02.2010 22:35
AJAX-Request alle 5 Min. anstoßen Abandon5491 Javascript & Ajax 8 23.01.2009 10:01
Flexible Breite, zentrierter Contentbereich sancho22 CSS 3 06.03.2006 17:07
Fixe Breite für Contentbereich Aldebaran CSS 6 06.06.2005 12:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:04 Uhr.