nicht angemeldet
Also bin jetzt erstmal zu ner Version zurückgegangen wo ich noch keine Wrapper hatte...
Sieht auf meinem 23 Zoll Monitor auch alles richtig aus. Auf meinem 19 Zoll Laptop nur leider nicht (Farben gehen nicht bis nach unten, wie beschrieben).
Hier nochmal der aktuelle Code. Was da für Fehler drin sein sollen weiss ich nicht, hab den Doctype nochmal angepasst, und w3c validator sagt nur 1 Fehler, der dadurch entsteht das ich img width 100% benutze, was man ja ignorieren kann glaube ich. Wenn ich den fehler rausnehme, gibt er mir komplett grünes Licht. (P.s. die Hex-codes hab ich jetzt nur für den validator gemacht, sonst liest er die Datei nicht, weiss aber eh nicht warum er da meckert weil die Umlaute nur in den Kommentaren waren -.-)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>Homepage des SV Unna</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<img src="header.jpg" alt="header" width="100%" style="float:left"/>
<div id="menu"><!-- \xF6ffnet die Navigationsleiste-->
<ul><!-- \xF6ffnet den ersten Themenblock -->
<li><h3><a href="index.html">Startseite</a></h3></li>
</ul><!--schlie\xDFt den ersten Themenblock-->
<ul><!-- \xF6ffnet den zweiten Themenblock -->
<li><!-- \xF6ffnet die Listeneintr\xE4ge von Thema 2 -->
<h3><a href="">Der Verein</a></h3>
<ul><!-- \xF6ffnet die Klappnavi von Thema 2 -->
<li><a href="vorstand.html">Der Vorstand</a></li>
<li><a href="">Die Mannschaften</a></li>
<li><a href="">Bildergalerie</a></li>
<li><a href="">Vereinsgeschichte</a></li>
<li><a href="">Sponsoren</a></li>
<li><a href="">Mitgliedschaft beantragen</a></li>
</ul><!-- schlie\xDFt die Klappnavi von Thema 2 -->
</li><!-- schlie\xDFt die Listeneintr\xE4ge von Thema 2 -->
</ul><!--schlie\xDFt den zweiten Themenblock-->
<ul><!-- \xF6ffnet den ersten Themenblock -->
<li><!-- \xF6ffnet die Listeneintr\xE4ge von Thema 1 -->
<h3><a href="">Spielbetrieb</a></h3>
<ul><!-- \xF6ffnet die Klappnavi von Thema 1 -->
<li> <h3> <a href="#">Mannschaften ></a> </h3>
<ul><!--\xF6ffnet die dritte Ebene f\xFCr die Unterpunkte von 1.1-->
<li><a href="unna1.html">Unna I</a></li>
<li><a href="unna2.html">Unna II</a></li>
<li><a href="unna3.html">Unna III</a></li>
<li><a href="">Unna IV</a></li>
</ul><!--schlie\xDFt die dritte Ebene f\xFCr die Unterpunkte von 1.1-->
</li>
<li><a href="">Vereinsabend</a></li>
<li><a href="">Vereinsmeisterschaft</a></li>
<li><a href="">Turniere</a></li>
<li><a href="rangliste.html">Rangliste</a></li>
</ul><!-- schlie\xDFt die Klappnavi von Thema 1 -->
</li><!-- schlie\xDFt die Listeneintr\xE4ge von Thema 1 -->
</ul><!--schlie\xDFt den ersten Themenblock-->
<ul><!-- \xF6ffnet den zweiten Themenblock -->
<li><!-- \xF6ffnet die Listeneintr\xE4ge von Thema 2 -->
<h3><a href="">Jugend</a></h3>
<ul><!-- \xF6ffnet die Klappnavi von Thema 2 -->
<li><a href="">Training</a></li>
<li><a href="">Diplome</a></li>
<li><a href="">Turniere</a></li>
<li><a href="">Jugend-Rangliste</a></li>
<li><a href="">Schulschach</a></li>
</ul><!-- schlie\xDFt die Klappnavi von Thema 2 -->
</li><!-- schlie\xDFt die Listeneintr\xE4ge von Thema 2 -->
</ul><!--schlie\xDFt den zweiten Themenblock-->
<ul><!-- \xF6ffnet den zweiten Themenblock -->
<li><!-- \xF6ffnet die Listeneintr\xE4ge von Thema 2 -->
<h3><a href="">Unna Open</a></h3>
<ul><!-- \xF6ffnet die Klappnavi von Thema 2 -->
<li><a href="">Ausschreibung</a></li>
<li><a href="">Spielplan</a></li>
<li><a href="">Rangliste</a></li>
<li><a href="">DWZ-Auswertung</a></li>
<li><a href="">Feedback</a></li>
</ul><!-- schlie\xDFt die Klappnavi von Thema 2 -->
</li><!-- schlie\xDFt die Listeneintr\xE4ge von Thema 2 -->
</ul><!--schlie\xDFt den zweiten Themenblock-->
<ul><!-- \xF6ffnet den zweiten Themenblock -->
<li><!-- \xF6ffnet die Listeneintr\xE4ge von Thema 2 -->
<h3><a href="">Links/Archiv</a></h3>
<ul><!-- \xF6ffnet die Klappnavi von Thema 2 -->
<li><a href="http://sbhamm.de" target="_blank">SB Hamm</a></li>
<li><a href="http://www.sbhamm.de/Jugendhome.html" target="_blank">SJ Hamm</a></li>
<li><a href="http://www.jugend.svr-schach.de/" target="_blank">Jugend SVR</a></li>
<li><a href="http://www.schachbund.de/spieler.html" target="_blank">DWZ - Suche</a></li>
<li><a href="" target="_blank">Archiv</a></li>
</ul><!-- schlie\xDFt die Klappnavi von Thema 2 -->
</li><!-- schlie\xDFt die Listeneintr\xE4ge von Thema 2 -->
</ul><!--schlie\xDFt den zweiten Themenblock-->
</div><!-- schlie\xDFt die Men\xFCleiste #menu -->
<div style="clear: both;"> </div> <!--cleart die gefloatete Men\xFCleiste-->
<nav>
<br />
<h2 style="text-decoration:underline"> Aktuelle Termine: </h2><br /><br />
<p> 04.10.2013: Trainingsabend </p><br />
<p> 24.12.2013: Weihnachten </p><br />
<p> 31.12.2013: Silvester </p><br />
<p> 24.12.2014: Weihnachten </p><br />
<p> 31.12.2014: Silvester </p><br />
<p> 24.12.2015: Weihnachten </p><br />
<p> 31.12.2015: Silvester </p><br />
</nav>
<nav class="right">
<br /><h2 style="text-decoration:underline">Partienschätze</h2><br />
<a href=""><img src="schatz.gif" alt="schatz" /></a>
<br /><br /><br />
<h2 style="text-decoration:underline">Aufgabe des Tages:</h2>
<br /><br />
<iframe width="310" height="341" src="http://www.shredderchess.com/online/playshredder/gdailytactics.php?mylang=de&mysize=32"></iframe>
</nav>
<div id="content">
<br /><br />
<h2 style="color:#800000; line-height: 1.5em"> Willkommen auf der neuen Homepage des Schachvereins Unna 1924! <br />
- Der SV Unna -
</h2>
<div id="horizmenue">
<ul>
<li><a href="index.html">Startseite</a></li>
</ul>
<ul>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
<ul>
<li><a href="impressum.html">Impressum</a></li>
</ul>
<ul>
<li><a href="impressum.html">Anfahrt</a></li>
</ul>
</div><!-- schlie\xDFt die Men\xFCleiste #horizmenue -->
</div>
</body>
</html>
Das mit der Flexbox hab ich versucht... leider komme ich damit absolut überhaupt nicht klar... ausser das sich alles komplett verschoben hat, hatte ich dadurch garkeinen sinnvollen Effekt...
Also andere Lösung suchen... :/
Matthias Apsel
JürgenB