Matthias Apsel: fixen Header

Beitrag lesen

Om nah hoo pez nyeetz, Birgit Egger!

Doctype nicht vergessen!

<html>
<head>

Zeichenkodierung nicht vergessen!

<style type="text/css">

type ist in HTML5 hier nicht notwendig

body {
height: 100%;

Das geht ggf. schief, weil das 100% Höhe des HTML-Elements bedeutet und dieses hat keine explizit angegebene Höhe also wird es so hoch wie nötig.

#wrapper {
 
Warum einen alles umschließendes Element? Es gibt schon 2. [1]

#wrapper #header {

Der Selektor ist überspezifiziert. #header tuts auch [2]

position: absolute;

Für fixiert gibs fixed.

#wrapper #content {

dito([2])

<div id="wrapper">

Weg damit([1]).

  <div id="header">  

besser: <header> und damit natürlich den Selektor [2] anpassen.

  <div id="content">  

hier streiten sich noch die Geister: <main> wäre denkbar. Im CSS dann display: block;
<div id="content" role="main"> ist auch gut.

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Ra und Raab.