bigstefan: *waaaaa* header footer content - prozentuale höhe

SELF-Forum

*waaaaa* header footer content - prozentuale höhe

bigstefan
– Informationen zu den Bewertungsregeln

Vielleicht liegt es daran, dass ich Kopfweh habe,
oder daran, dass ich total auf der Leitung stehe.
Vielleicht bin ich auch einfach nur zu blöde…

Wie auch immer…
Ich sitze seit 6 Stunden über einer kleinen dummen Seite und komme nicht weiter – und bin mittlerweile in nem Hungerloch und total entnervt.
Nachdem ich seit nun 2 stunden gegoogelt habe (vielleicht fehlen mir auch einfach nur die richtigen Suchwörter), diverse mögliche Lösungen ausprobiert habe, das ganze kombiniert habe und am Ende einen total unübersichtlichen Code hatte, der mich absolut nicht weitergebracht hat, habe ich jetzt alle Dateien gelöscht und will noch mal ganz von vorne anfangen.

Die Seite soll haben
1. header, content, footer
2. die 3 Elemente sind prozentual an der Gesamthöhe beteiligt
3. alle 3 haben eine Mindesthöhe
4. content ist mit einer scrollbar versehen, wenn er mal länger wird.

Bin ich heute irgendwie zu blöde dazu, ist das vielleicht doch zu kompliziert, oder aber habe ich 2 stunden bei Google (und hier) die falschen Suchbegriffe eingegeben.

Also, ich bin dankbar für Tipps, Codeschnipsel oder einfach nur nen link....

Ich hab das ganz am Anfang über eine Zentrierung aller Elemente Versucht, aber das bringt nicht sehr viel, wenn zuviel Inhalt vorhanden ist.

Dann habe ich versucht den header und footer zu fixieren (http://www.ohne-css.gehts-gar.net/0025.php) das hatte aber zur folge das bei mir der content beim scrollen über dem header lag.

ich bin mittlerweile am Überlegen, Netobjects Fusion oder Frontpage herauszuholen und das ganze mit 3 Frames zu bauen, so richtig schön im Stil der 90er, Hauptsache, es sieht so aus, wie ich das will....

Ich gehe jetzt erstmal was essen und hoffe in der Zwischenzeit rettet mich jemand hier vor der Zwangseinlieferung in die Klappse...

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. *waaaaa* header footer content - prozentuale höhe

    Peter Pan
    +1 Informationen zu den Bewertungsregeln

    Hi!

    und bin mittlerweile in nem Hungerloch und total entnervt.

      
  
if ($body->carbonHydrates->isLow()) {  
    $body->getFood();  
    $body->brain->getBreak();  
    $nexTry = $body->fingers->hack->Uri('http://forum.de.selfhtml.org/');  
    $nextTry->postCode($yourCode);  
}

    off:PP

    --
    "You know that place between sleep and awake, the place where you can still remember dreaming?" (Tinkerbell)

    Grundlage für Zitat #1156.

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

  2. *waaaaa* header footer content - prozentuale höhe

    bleicher Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    Grüße,

    1. header, content, footer

    3 divs

    1. die 3 Elemente sind prozentual an der Gesamthöhe beteiligt

    gesamthöhe wovon?bildschirm? dann

    height:1-100%;

    * html und body kriegen jewielsl height:100%;

    sonst ein div mit foxer höhe drumherum.

    1. alle 3 haben eine Mindesthöhe

    mmh.. das kriegt iE über min-height; nicht hin, aber es gibt ein recht einfaches workaround - google mal IE min-height.

    1. content ist mit einer scrollbar versehen, wenn er mal länger wird.

    overflow:scroll/auto?

    Ich hab das ganz am Anfang über eine Zentrierung aller Elemente Versucht, aber das bringt nicht sehr viel, wenn zuviel Inhalt vorhanden ist.

    ?

    Dann habe ich versucht den header und footer zu fixieren (http://www.ohne-css.gehts-gar.net/0025.php) das hatte aber zur folge das bei mir der content beim scrollen über dem header lag.

    ja! nieder mit IE!

    MFG
    bleicher

    --
    __________________________-
    Die versprechen ernsthaft werbefreien hosting?
    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

    1. P.S:

      bleicher Homepage des Autors
      – Informationen zu den Bewertungsregeln

      oder versuchs mit alten guten tabellen - bloß aus divs und css:
      http://www.dev-archive.net/articles/table-in-css.html
      MFG
      bleicher

      --
      __________________________-
      Die versprechen ernsthaft werbefreien hosting?
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. *waaaaa* header footer content - prozentuale höhe

      bigstefan
      – Informationen zu den Bewertungsregeln

      mmh.. das kriegt iE über min-height; nicht hin, aber es gibt ein recht einfaches workaround - google mal IE min-height.

      IE 7 angeblich schon und ich bin ganz politisch unkorrekt und pfeif auf "alte browser"

      ich habe es gerade mal versucht und bin jetzt nahe dran ganz laut in die tischplatte zu heißen...
      in ff 3 ist unter dem footer viiiiel platz und was der ie 7 da draus macht, naja...

      ich überlege gerade ernsthaft die ganze webseite als png oder flash aufzusetzen. bei dsl wären die ladezeiten doch recht annehmlich...

      <html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>A</title>  
<style type="text/css">  
body {  
 margin-left: 0px;  
 margin-top: 0px;  
 margin-right: 0px;  
 margin-bottom: 0px;  
 height: 100%;  
    width: 100%;  
 background-color:#FFFFFF;  
}  
  
html  
{  
height: 100%;  
}  
  
  
/* DIV */  
  
#header  
{  
 position: absolute;  
 top: 0px;  
 left:0px;  
 width: 100%;  
   min-height:175px;  
 height:25%;  
 text-align: center;  
 background-color: #336699;  
 background-image:url(header_bg.png);  
 background-repeat:repeat-x;  
 background-position:bottom;  
}  
  
#footer  
{  
 position:absolute;  
 bottom: 0px;  
 left:0px;  
 width: 100%;  
   min-height:100px;  
 height:10%;  
 text-align: center;  
 background-color: #336699;  
}  
  
  
#content_container  
{  
 position:relative;  
 margin-top: 200px;  
 width: 600px;  
 left:50%;  
 margin-left:-300px;  
 text-align:center;  
 background: #FFFFFF;  
 padding-top: 5px;  
 padding-bottom: 5px;  
 overflow:auto;  
 min-height:425x;  
 height:65%;  
}  
  
</style>  
  
</head>  
  
<body>  
  
<div id="header">  
header  
</div><!--Ende header-->  
  
<div id="content_container"><span class="text1">  
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex</span>  
</div><!--Ende content-->  
  
  
<div id="footer">  
footer  
</div><!--Ende footer-->  
  
</body>  
</html>
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    3. *waaaaa* header footer content - prozentuale höhe

      suit Homepage des Autors
      – Informationen zu den Bewertungsregeln

      gesamthöhe wovon?bildschirm? dann

      height:1-100%;

      * html und body kriegen jewielsl height:100%;

      woher will css wissen, wie hoch mein bildschrim ist?
      ist da der standfuss dabei? und was ist bei wandmontage?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  3. *waaaaa* header footer content - prozentuale höhe

    bigstefan
    – Informationen zu den Bewertungsregeln

    ok, ich bin sowohl mit meinen nerven als auch mit meinem latein absolut am ende...
    die tabellen-idee funktioniert auch nicht so, wie ich es mir vorstelle...
    weil die mittlere tabellen-linie ja nur eine bestimmte höhe hat, sonst sieht man den "footer" nciht mehr. overflow will partout nicht funktionieren.

    ich wedel jetzt hier für die lösung mit euroscheinen....

    alles weitere dann per mail

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. *waaaaa* header footer content - prozentuale höhe

      Beat Homepage des Autors
      – Informationen zu den Bewertungsregeln

      ich wedel jetzt hier für die lösung mit euroscheinen....

      Bei mir bitte in sFr.--

      Ohne Position absolute geht's definitiv billiger.

      mfg Beat

      --
      Woran ich arbeite:
      X-Torah
      ><o(((°>      ><o(((°>
         <°)))o><                      ><o(((°>o
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. *waaaaa* header footer content - prozentuale höhe

        Peter Pan
        – Informationen zu den Bewertungsregeln

        Hi!

        ich wedel jetzt hier für die lösung mit euroscheinen....

        Bei mir bitte in sFr.--

        Ach so!
        Konten dürfen wir bei euch haben, aber unsere Währung mögt ihr  nicht, oder was?

        off:PP

        --
        "You know that place between sleep and awake, the place where you can still remember dreaming?" (Tinkerbell)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln