Ganze Höhe ausnutzen
franzlst
- css
Hi,
ich habe eine Seite, die oben mit einem Header mit einer festen Höhe verziert ist. Die Seite soll nur bis zum unteren Bildschirmrand gehen, es soll also nicht komplett gescrollt werden, sondern nur der Inhaltsbereich.
Wie muss aber die Styledefinition des Inhalts aussehen, damit dieser von der Unterkante Header bis zur Unterkante Bildschirm geht? Ein Prozentualer Höhenwert funktioniert nicht, da der Header eine feste Höhe hat, ein fester Wert geht nicht, da die Bildschirmhöhe variabel ist.
Ich hoffe, mir kann jemand helfen.
TIA
Franz
Hallo Franz!»» Hi,
ich habe eine Seite, die oben mit einem Header mit einer festen Höhe verziert ist. Die Seite soll nur bis zum unteren Bildschirmrand gehen, es soll also nicht komplett gescrollt werden, sondern nur der Inhaltsbereich.
Wie muss aber die Styledefinition des Inhalts aussehen, damit dieser von der Unterkante Header bis zur Unterkante Bildschirm geht? Ein Prozentualer Höhenwert funktioniert nicht, da der Header eine feste Höhe hat, ein fester Wert geht nicht, da die Bildschirmhöhe variabel ist.
Was Du beschreibst scheint einfach ein kleines konzeptionelles Problem zu sein. Wieso ist Dein fester Header nicht einfach Teil, oder Kind eines gesamten Contents? Dann könnte dieser Content, inklusive aller Elternelemente (html/body etc) 100% haben und Du hättest das beschriebene Problem nicht. Das alles aber nur, auf Grund von Ratespielen. Ohne einen Link zu Deinen Versuchen ist dies alles nur geraten.
Schönen Gruß
Afra
Was Du beschreibst scheint einfach ein kleines konzeptionelles Problem zu sein. Wieso ist Dein fester Header nicht einfach Teil, oder Kind eines gesamten Contents? Dann könnte dieser Content, inklusive aller Elternelemente (html/body etc) 100% haben und Du hättest das beschriebene Problem nicht.
Ich glaube, das würd mein Problem auch nicht lösen.
Das alles aber nur, auf Grund von Ratespielen. Ohne einen Link zu Deinen Versuchen ist dies alles nur geraten.
http://namenszug.de/neu/
Mein Problem ist der IFrame, der möglichst groß sein soll. Im Moment habe ich es so gelöst, dass oberhalb des Inhalts ein weiterer DIV ist (der Header spielt eigtl keine Rolle, da er (noch) absolut positioniert ist), der 20% hoch ist, der Inahlt selbst dann 80%. Dadurch verschiebt sich aber natürlich der Inahlt bei größeren Fesntern nach unten bzw unter den Header bei kleineren Fenstern.
Danke
Franz
Hallo Franz!
http://namenszug.de/neu/
Mein Problem ist der IFrame, der möglichst groß sein soll. Im Moment habe ich es so gelöst, dass oberhalb des Inhalts ein weiterer DIV ist (der Header spielt eigtl keine Rolle, da er (noch) absolut positioniert ist), der 20% hoch ist, der Inahlt selbst dann 80%. Dadurch verschiebt sich aber natürlich der Inahlt bei größeren Fesntern nach unten bzw unter den Header bei kleineren Fenstern.
Auch hier gibt es sicherlich wieder viele Möglichkeiten. Wenn Du einen iframe verwendest wie einen normalen frame, dann wundere ich mich, dass Du nicht gleich ein Frameset verwendest.
Dabei fällt mir auf, dass Du Inhalte aus der selben Domaine einbindest. So wie Deine Seite aufgebaut ist, könntest Du das auch wunderbar in einer Seite abfeiern und hättest überhaupt keine Notwendigkeit einen (i)Frame zu verwenden.
Bei Deiner Lösung könntest Du noch mittels JavaScript die innere Fensterhöhe bestimmen und den iFrame nach dem Laden anpassen. Ich sehe aber, da Du ja auf die selben Domainen zugreifst keinen grund dies zu tun. Meine ursprüngliche Idee den Inhalt des Headers einfach mit in den Content zu nehmen würde auch hier gehen. Sprich, Header einfach mit im iFrame anzeigen. Wenn Du nur eine Lösung suchst um die ursprünglichen Seiten weiter verwenden zu können, dann kannst Du auch die ursprüngliche Seite weiter vestehen lassen... ;o)
Schönen Gruß
Afra
Hallo Afra,
thx
Auch hier gibt es sicherlich wieder viele Möglichkeiten. Wenn Du einen iframe verwendest wie einen normalen frame, dann wundere ich mich, dass Du nicht gleich ein Frameset verwendest.
Möchte ich nicht (glaub ich...)
Dabei fällt mir auf, dass Du Inhalte aus der selben Domaine einbindest. So wie Deine Seite aufgebaut ist, könntest Du das auch wunderbar in einer Seite abfeiern und hättest überhaupt keine Notwendigkeit einen (i)Frame zu verwenden.
Das ist lediglich ein Test, der Webshop liegt auf einem anderen Server und das scheint die einzige Möglichkeit zu sein, diesen einzubinden.
Bei Deiner Lösung könntest Du noch mittels JavaScript die innere Fensterhöhe bestimmen und den iFrame nach dem Laden anpassen.
Das ist keine schlechte Idee, werde ich denk ich machen.
Meine ursprüngliche Idee den Inhalt des Headers einfach mit in den Content zu nehmen würde auch hier gehen. Sprich, Header einfach mit im iFrame anzeigen.
Geht nicht, da ich die eingebundene Dtei nicht ändern kann, außerdem würde der Header dann mitgescrollt
Wenn Du nur eine Lösung suchst um die ursprünglichen Seiten weiter verwenden zu können, dann kannst Du auch die ursprüngliche Seite weiter vestehen lassen... ;o)
Bitte in diesem Stadium noch nicht lästern. Die Seite ist noch wiet entfeernt von der Fertigstellung und es sind sind viele Sünden des vorherigen Webmasters ausgebessert.
Danke
Franz