mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 30.03.2020 14:39 Benutzername: Passwort: Auto-Login

Thema: [CSS] Layout(Header, Sidenav, Content, Footer) mit 100% Höhe vom 08.01.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Layout(Header, Sidenav, Content, Footer) mit 100% Höhe
Autor Nachricht
DeMoehn
Threadersteller

Dabei seit: 26.07.2007
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Di 08.01.2008 20:09
Titel

[CSS] Layout(Header, Sidenav, Content, Footer) mit 100% Höhe

Antworten mit Zitat Zum Seitenanfang

Guten Tag liebe User.

Ich versuche nun schon seit einiger Zeit ein Layout mit Div's zu bauen.
Ich war lange Zeit mit Tabellen am Werk, jedoch hab ich mir nun eingeredet es mit Div's mache zu müssen.
Lange gesucht habe ich auch aber es war nicht der passende Beitrag dabei.

Es soll ein Layout werden mit einem Header, einer Seitennavigation (links) und einem Contentbereich (rechts) sowie einem Footer (ganz unten).
Dieses Design soll 100% in der Höhe sein.
Mein Problem, wie bekomme ich es hin, das es genau 100% sind (Es gibt einen minimalen Scrollbalken)
Wie geht es, dass die Seitennavigation sowie der Contentbereich 100% Höhe haben
und: wie bekomm ich den Footer an den Abschluss der Seite?

Ich wäre euch sehr dankbar für hilfreiche Links, Tipps, Hints usw.

Hier die Seite als Vorschau (mit Fehler)

Greetz, DeMoehn
  View user's profile Private Nachricht senden
kugelfischi

Dabei seit: 17.10.2006
Ort: datenstrom west
Alter: -
Geschlecht: Männlich
Verfasst Di 08.01.2008 20:27
Titel

Antworten mit Zitat Zum Seitenanfang

N'abend!

Nimm doch mal den äußeren Rahmen weg.

Gruß!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 08.01.2008 20:29
Titel

Antworten mit Zitat Zum Seitenanfang

Das Thema gab es hier echt schon zu hauf. Die Suche hilft: Footer, Faux Columns
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DeMoehn
Threadersteller

Dabei seit: 26.07.2007
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Di 08.01.2008 20:29
Titel

Antworten mit Zitat Zum Seitenanfang

Und dann?...
...Fehlt mir doch der Border den ich später brauche, ausserdem muss dort später ein Bild rein

Edit, das Problem sind nicht zwingen die faux coulumns, diese Artz war mir schon bekannt.
Jedoch gibt es dann Probleme mit dem Footer bzw. mit dem main Div, wenn ich zu klein scrolle, so wird auch der main DIV zu klein, jedoch der Inhalt bleibt an seiner Position


Zuletzt bearbeitet von DeMoehn am Di 08.01.2008 20:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Noize

Dabei seit: 11.08.2007
Ort: Ulm
Alter: 37
Geschlecht: Männlich
Verfasst Mi 09.01.2008 12:46
Titel

Antworten mit Zitat Zum Seitenanfang

guckst du hier zum footer
erdgeschoss BITTE

mfg
  View user's profile Private Nachricht senden
DeMoehn
Threadersteller

Dabei seit: 26.07.2007
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Mi 09.01.2008 21:13
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen, vielen Dank Noize.
Genau das habe ich gebraucht.
Das hat nicht nur mein Footer Problem gelöst, sondern es scheint, als haben sich mit diesem Link alle Probleme gelöst.
Die Seite wird bis jetzt fabelhaft aufgebaut.

Nochmals vielen Dank! Genau das habe ich gebraucht.
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS / Seite mit Header - Content - Footer / height="100%" ?
Variabler Header/Footer in Höhe - fester Content - WIE?
CSS Problem Header feste Höhe, Content Fensterfüllend?
Footer soll Höhe auffüllen wenn Content kleiner als Fenster
Problem, bekomme Footer nicht auf 100% Höhe
Header 100% Höhe und fixe Navigation
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.