jobo: feststehender header footer und menü

SELF-Forum

feststehender header footer und menü

jobo
– Informationen zu den Bewertungsregeln

Hallo,

ist dieser Artikel noch aktuell? http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel6.htm

Da sind ja auch Hacks für IE eingebaut. Und der Artikel ist von 2007, wenn das Datum da am Ende stimmt.

Oder gibt es was anderes, was State of the Art ist? Einfach alles mitscrollen? Klappt o.g. auch mit einer festen Breite von sagen wir 1000px?

Gruß

jobo

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. feststehender header footer und menü

    suit Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Oder gibt es was anderes, was State of the Art ist? Einfach alles mitscrollen? Klappt o.g. auch mit einer festen Breite von sagen wir 1000px?

    Was hast du vor oder welche Anforderungen hast du?

    Ist es egal, wenn in alten Browser nichts feststeht?

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. feststehender header footer und menü

      jobo
      – Informationen zu den Bewertungsregeln

      Hallo,

      Oder gibt es was anderes, was State of the Art ist? Einfach alles mitscrollen? Klappt o.g. auch mit einer festen Breite von sagen wir 1000px?

      Was hast du vor oder welche Anforderungen hast du?

      Ist es egal, wenn in alten Browser nichts feststeht?

      Naja, die offizielle Seite einer überschaubaren Künstleragentur. Mich persönlich interessieren alte Browser nicht. Ich denke WindowsXP und IE8 sollten es verträglich anzeigen (da kann man immer noch sagen: was nutzten die auch InternetExplorer). Und das Pendant dazu beim Mac OSSonstewas/Safari.

      Die könnten halt nicht position fixed, oder wie? Und dass der Inhalt dabei lesbar bleibt (padding/margin) muss ja auch sein...;

      Gruß

      jobo

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. feststehender header footer und menü

        suit Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Die könnten halt nicht position fixed, oder wie? Und dass der Inhalt dabei lesbar bleibt (padding/margin) muss ja auch sein...;

        Genau - nutze einfach position: fixed und jeder Browser der das nicht kann wird mit normalem Textfluss gefüttert.

        Das betrifft den Internet Explorer 6 und Geräte die mit Panning arbeiten und nicht scrollen (z.B. Tablets und Mobiltelefone) - auf denen wäre fixed ohnehin ein Hindernis, wenn man es nicht ordentlich macht.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. feststehender header footer und menü

          jobo
          – Informationen zu den Bewertungsregeln

          Hallo,

          Die könnten halt nicht position fixed, oder wie? Und dass der Inhalt dabei lesbar bleibt (padding/margin) muss ja auch sein...;

          Genau - nutze einfach position: fixed und jeder Browser der das nicht kann wird mit normalem Textfluss gefüttert.

          Das betrifft den Internet Explorer 6 und Geräte die mit Panning arbeiten und nicht scrollen (z.B. Tablets und Mobiltelefone) - auf denen wäre fixed ohnehin ein Hindernis, wenn man es nicht ordentlich macht.

          Also so wie es im Artikel steht. Bzw. kann ich dann nicht nur die IE-Hacks weg lassen sondern auch die zustäzlichen header/footer_container.
          Also:

            
<html>  
<head>  
<title>header footer test</title>  
<style type="text/css">  
[code lang=css]  
body  
{  
	position:absolute;  
}  
html, body  
{  
	top:0; left:0; right:0;  
	min-height:100%;  
	width:100%;  
	margin:0;  
	padding:0;  
}  
#header  
{  
	position:fixed;  
	top:0; left:0; right:0;  
	height:3em;  
	z-index:3;  
	background-color:green;  
}  
#menu  
{  
	position:fixed;  
	top:4em;  
	left:.5em;  
	width:9em;  
	border:1px solid red;  
	background-color:red;  
}  
#content  
{  
	margin:0;  
	padding-top:4.85em;  
	padding-left:12em;  
	padding-bottom:3em;  
	z-index:2;  
	background-color:yellow;  
}  
#footer  
{  
	position:fixed;  
	bottom:0; left:0; right:0;  
	margin:0;  
	height:2em;  
	z-index:3;  
	background-color:green;  
}

          </style>
          </head>
          <body>
          <div id="header">
          header
          </div>
          <div id="menu">
          <ul><li>menu</li><li>menu</li><li>menu</li><li>menu</li><li>menu</li><li>menu</li><li>menu</li></ul>
          </div>
          <div id="content">
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
          </div>
          <div id="footer">
          <p>footer</p>
          </div>

          </body>
          [/code]
          Gruß

          jobo

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. feststehender header footer und menü

            suit Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Also so wie es im Artikel steht. Bzw. kann ich dann nicht nur die IE-Hacks weg lassen sondern auch die zustäzlichen header/footer_container.

            Sieht gut aus, ja.

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. feststehender header footer und menü - gelöst

              jobo
              – Informationen zu den Bewertungsregeln

              Hallo,

              Also so wie es im Artikel steht. Bzw. kann ich dann nicht nur die IE-Hacks weg lassen sondern auch die zustäzlichen header/footer_container.

              Sieht gut aus, ja.

              merci ...

              Gruß

              jobo

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln