fs: Internet-Seite "teilen"

SELF-Forum

Internet-Seite "teilen"

fs
– Informationen zu den Bewertungsregeln

Hi!

Für die Profis wahrscheinlich ein Witz und schnell zu beantworten. Hoffe ich.

Frage:
In eine Seite kommen untereinandern immer mehrere Bilder sodass die Seite nach unten durchzuscrollen ist. Der Kopf - welcher auf jeder Seite gleich ist - soll jedoch nicht mitgescrollt werden sondern stehenbleiben.

Quasi soll der Kopf "angepinnt" bleiben.

Ich kenne mich einigermaßen in HTML aus, ansonsten nirgends.

Wie kann man sowas verwirklichen?

Danke euch!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Internet-Seite "teilen"

    LX
    – Informationen zu den Bewertungsregeln

    Hallo!

    Ich kenne mich einigermaßen in HTML aus, ansonsten nirgends.

    Das nächste Mal besser in der Schule aufpassen, hm? ;-)

    Wie kann man sowas verwirklichen?

    3 Lösungswege mit XHTML+CSS:

    • Frames (igitt!)
    • CSS-Eigenschaft "position: fixed" (unschön)
    • Content in div mit fester Höhe und CSS-Eigenschaft "overflow: auto" packen (Achtung, IE braucht mal wieder eine Sonderbehandlung).

    Eine weitere, JavaScript-gestützte Alternative besteht in der Nutzung eines Scriptes für eine Bildergalerie.

    Gruß, LX

    --
    X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: Unusual
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Internet-Seite "teilen"

      Deus Figendi
      – Informationen zu den Bewertungsregeln
      • CSS-Eigenschaft "position: fixed" (unschön)

      Warum unschön? Genau das wäre mein Vorschlag gewesen, den Kopf fixieren und 'n hohen z-index verpassen.

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title>Positionierung-Demo</title>  
  
  <style type="text/css">  
    #header {  
     position:fixed;  
     top: 0px;  
     left:0px;  
     right:0px;  
     width:100%;  
     background-color:#66FF66;  
     z-index:2;  
    }  
  
    .nav_item {  
     display:inline;  
    }  
  
    #bilder_content {  
     position:absolute;  
     top:12em;  
     z-index:0;  
    }  
  </style>  
 </head>  
 <body>  
  <div id="header">  
   <img src="./breites_Banner.png" alt="Banner" />  
   <ul class="navi_list">  
    <li class="nav_item">Heimat</li>  
    <li class="nav_item">Bilder</li>  
    <li class="nav_item">Navigation</li>  
    <li class="nav_item">Mehr Navigation</li>  
   </ul>  
  </div>  
  <div id="bilder_content">  
   <img src="./bilder/bild01.jpg" alt="Ein Foto auf dem ich seltsam ausschau" />  
   <img src="./bilder/bild02.jpg" alt="Ein Foto" />  
   <img src="./bilder/bild03.jpg" alt="Ein weiteres Foto" />  
   <img src="./bilder/bild04.jpg" alt="Berge ohne Schnee" />  
   <img src="./bilder/bild05.jpg" alt="Waschmaschine" />  
  </div>  
 </body>  
</html>
      --
      sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Internet-Seite "teilen"

        LX
        – Informationen zu den Bewertungsregeln

        Unschön, dass es auch hier Browser gibt, welche die Angabe fixed nicht verstehen (IEeeeh, wie unschön). Mit sogenannten CSS-Expressions kann man sich zwar behelfen, aber elegant ist was anderes.

        Grundsätzlich sollte man sich jedoch überlegen, ob man wirklich dem Benutzer einen Teil seines wertvollen Bildschirmplatzes dauerhaft belegen will.

        Gruß, LX

        --
        X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: Unusual
        X-Please-Search-Archive-First: Absolutely Yes
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Internet-Seite "teilen"

          ChrisB
          – Informationen zu den Bewertungsregeln

          Hi,

          Unschön, dass es auch hier Browser gibt, welche die Angabe fixed nicht verstehen

          Mit der Begruendung kannst du aber fast alles ablehnen.
          Und gerade wenn sich die Fixierung am oberen Viewportrand befinden soll, kann man da ja sehr leicht absolute als Fallback fuer alte IE verwenden.

          MfG ChrisB

          --
          „This is the author's opinion, not necessarily that of Starbucks.“
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln