nicht angemeldet
Gunnar Bittersmann@@seufZ
<html dir="ltr" lang="de-DE">
"ltr" ist Default; die dir-Angbe ist überflüssig.
Mir fällt kein Fall ein, wo "de-DE" sinnvoll wäre. Verwende "de".
<!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
Google Code macht dicht. Beziehe html5shim von anderer Quelle.
<meta name="description" content="Waldfrieden -- Tassilo Sturm" />
Zur Unsinnigkeit dieses Angabe habe ich mich schon mindestens einmal geäußert.
<script> document.createElement('article'); document.createElement('section'); document.createElement('aside'); document.createElement('hgroup'); document.createElement('nav'); document.createElement('header'); document.createElement('footer'); document.createElement('figure'); document.createElement('figcaption'); </script>
Genau das erledigt (u.a.) der html5shim. Also weg damit.
<div id="wrapper"> <!-- Anfang vom wrapper-Bereich -->
Dass der Wrapper überflüssig ist, wurde dir auch schon mehr als einmal gesagt.
<header class="page_header"> <h1 class="ueberschrift">Waldfrieden -- Tassilo Sturm </h1></header>
Das der Seitenheader braucht keine solche Klasse; der ist per body > header selektierbar. Und ein h1-Element braucht ganz gewiss keine Klasse "ueberschrift"; auch das habe ich dir bereits gesagt.
So langsam vergeht einem die Lust dir zu antworten, wenn du sowieso alles in den Wind schlägst.
<h5> </h5>
Was soll das denn? Überschrigt ohne Inhalt? Weg damit! Abstände erzeugst du mit CSS.
<footer role="contentinfo"> </footer>
Was kommt da rein? Bist du sicher, dass role="contentinfo" richtig ist?
CSS:
*{ margin: 0px; padding: 0px; }
So einen Reset halte ich für keine gute Idee. Es macht durchaus Sinn, dass Browser per Default Abstände zwischen Elemente setzen.
body { font-size: 100.01% ;
Dieser Browserhack gehört der Vergangenheit an. Weg damit.
p.ueberschrift {
Es gibt in deinem HTML-Dokument kein p-Element der Klasse "ueberschrift". Und das ist auch gut so. Der Block kann also weg.
h1.ueberschrift { margin: 0; padding: 0; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 0; margin-right: 0;
Wieso setzt du margin erst auf 0, um es gleich danach wieder anders zu setzen?
Die Angaben kannst du übrigens zusammenfassen, oben angefangen im Uhrzeigersinn:
margin: 0.2em 0 0.2em 0.
Und da oben und unten sowie links und rechts jeweils gleich sind, geht’s noch kürzer:
margin: 0.2em 0.
font-size: 1.5em;
Da bietet sich auch die Angabe des Zeilenabstandes (line-height) an, der bei einer Überschrift durchaus (bezogen auf die Schriftgröße) kleiner sein kann (lies : sollte) als bei Fließtext.
list-style-type: none;
Die Angabe ist bei einer Überschrift überflüssig.
img { margin: 0; padding: 0; width: 100%; height: auto; max-width: 100%; }
width und max-width auf 100% zu setzen, ist auch wenig sinnvoll.
#wrapper { min-width: 840px;
Nei-en! Der Viewport ist bei vielen Nutzern schmaler als 840 Pixel. Keine Mindesbreite angeben!
LLAP 🖖
Ist diese Antwort anstößig? Dann könnte sie nützlich sein.
JürgenB