[CSS] Anordnung...

Dieses Thema im Forum "Webentwicklung" wurde erstellt von eVeReSt, 6. November 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 6. November 2008
    Anordnung...

    Hallo,

    ich möchte gerne eine Homepage, die bisher mit Frames und Tabellen gearbeitet hat, etwas modernisieren und mit CSS & PHP arbeiten. Nun habe ich eine Include Datei erstellt, mit einem Header und einem Content. Mein Problem ist aber, dass ich den Header (der inkl. Navi ist) immer an der gleichen position lassen will, den Content (je nach länge) scrollen lassen will. Bisher habe ich es leider nur so hingekriegt, dass der Header mit dem Content scrollt.

    Ich habe auch schon verschiedenste Pages mit CSS angeschaut, jedoch hats bisher noch nicht funktioniert. Wie krieg ich das hin?

    Der CSS Code (nur ausschnitt):
    HTML:
    #header {
 position:absolute;
 left:auto;
 top:0px;
 right:0px;
 background:#112F66;
 width:100%;
 height:80px;
 overflow:hidden;
}

#content {
 position:relative;
 top:68px;
 width:100%;
 overflow:auto;
}
    PHP:

    Der Code der Page:

    <body>
      <div  id="header"><?php  include( "navigation.php" );  ?></div>
    <div id="content">
      <?php  include( $page );  ?>
    </div>
    </body>
     
  3. 6. November 2008
    AW: Anordnung...

    So wie ich das verstehe sollte es position: fixed; sein für den DIV-Layer, der immer an der gleichen Stelle sein soll.
     
  4. 6. November 2008
    AW: Anordnung...

    Habe ich schon ausprobiert, jedoch scrollt der Content dann einfach über den Header.. zudem hat es beim Header immer noch den Scrollbalken...
     
  5. 6. November 2008
    AW: Anordnung...

    Beim Header sollte es nur einen Scrollbalken haben, wenn der DIV eine festgelegte Höhe hat, über welche der Text/Bild darin hinausragt.

    Dass der Content darunter verschwindet ist normal, du musst ihn erst nach dem Header starten lassen.
     
  6. 6. November 2008
    AW: Anordnung...

    Der Scrollbalken geht über den ganzen Inhalt, also Header und Content. Wie kann ich den Content nach dem Header starten lassen?
     
  7. 6. November 2008
    AW: Anordnung...

    Du kannst dem DIV über Befehle wie top oder left (sofern die position:absolute; gesetzt ist) konkrete Bestimmungen geben, wo er denn sein soll
     
  8. 6. November 2008
    AW: Anordnung...

    ich denke er meint sowas: http://murdoc.eu/javascripts/framelike.html

    das is aber totaler crap, dann kannst auch gleich dein frameset wieder benutzen.
     
  9. 6. November 2008
    AW: Anordnung...

    So habe ich es auch verstanden ^^
     
  10. 6. November 2008
    AW: Anordnung...

    Hab ich gemacht, bringt nix...

    HTML:
    #header {
 position:fixed;
 left:auto;
 top:0px;
 right:0px;
 background:#112F66;
 width:100%;
 height:80px;
 overflow:hidden;
}

#content {
 position:absolute;
 top:100px;
 width:100%;
 overflow:auto;
}
    Edit: genau so meinte ich das! Ich wollte mit include arbeiten, und sah keine bessere lösung als CSS, daher habe ich es mal mit dem probiert...
     
  11. 6. November 2008
    AW: Anordnung...

    Also wenn ich deinen Code benutze funktioniert es, was ist noch dein Problem?
     
  12. 6. November 2008
    AW: Anordnung...

    Bei mir funktioniert es jetzt auch aber nur wenn ich murdocs javascript in den code kopiere.
     
  13. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.