Template:NotebookLower

From 2012hs.igem.org

(Difference between revisions)
Line 15: Line 15:
</div><!--end SubWrapper-->
</div><!--end SubWrapper-->
<div id="news">
<div id="news">
-
 
-
<div id="Scrollbereich">  <!-- erst fuer den folgenden Workaround benoetigt -->
 
-
  <h1>Fixierte Navigation</h1>
 
-
 
-
  <div id="Inhalt">
 
-
    <h2>Beispiel nur für moderne Browser</h2>
 
-
    <p>In diesem Beispiel ist die linke Navigation zunächst absolut positioniert
 
-
      und wird anschließend über eine Browserweiche nur für moderne Browser fixiert.
 
-
      Hierdurch kommt es in älteren Browsern zu keinen Fehldarstellungen und auch
 
-
      diese setzen die erst am Ende des Quelltextes notierte Navigation nach oben.</p>
 
-
    <p>Für dieses Beispiel ist das &quot;mehrspaltige Layout mit Kopf-
 
-
      und Fußzeile&quot; der vorherigen Seite etwas modifiziert worden.
 
-
      Es passt sich der Fenster- und Schriftgröße an und sogar
 
-
      das SELFHTML-Logo 'wächst' durch die Höhenangabe in <strong>em</strong>
 
-
      mit einer Schriftvergrößerung.</p>
 
-
    <p>Beachten Sie, dass der fixierte Bereich teilweise unzugänglich wird,
 
-
      wenn die Höhe des Browserfensters sehr stark verringert
 
-
      und/oder die Schriftgröße heraufgesetzt wird!</p>
 
-
 
-
    <p id="Fusszeile">Sie haben tatsächlich bis hierhin gescrollt? ;-)</p>
 
-
  </div>
 
-
</div>
 
-
 

Revision as of 14:43, 9 June 2012


Retrieved from "http://2012hs.igem.org/Template:NotebookLower"