KILLHILL: Text wird im IE verschoben und doppelt angezeigt

Beitrag lesen

Quelltext ################################################################## <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>pur pur Kultur e.V. | Verein</title> <!--metadata and relations--> <meta http-equiv="Content-Language" content="de" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="copyright" content="pur pur Kultur e.V." /> <meta name="robots" content="index,follow" /> <meta name="MSSmartTagsPreventParsing" content="TRUE" /> <link rel="shortcut icon" href="http://killhill.dyndns.org/purpurkultur/media/images/default/favicon.ico" /> <link rel="bookmark" title="Zum Seitenanfang" href="#top" /> <link rel="start" title="Startseite von pur pur Kultur e.V." href="http://killhill.dyndns.org/purpurkultur" /> <link rel="up" title="Zur &Uuml;bersicht des aktuellen Bereichs springen" href="http://killhill.dyndns.org/purpurkultur/purpur.php" />

<link rel="contents" title="Inhaltsverzeichnis" href="http://killhill.dyndns.org/purpurkultur/inhalt.php" /> <link rel="search" title="Diese Webseite duchsuchen" href="http://killhill.dyndns.org/purpurkultur/suche.php/" /> <link rel="copyright" title="Impressum" href="http://killhill.dyndns.org/purpurkultur/impressum.php" /> <link rel="author" title="Kontakt zu pur pur Kultur e.V." href="http://killhill.dyndns.org/purpurkultur/kontakt.php" /> <link rel="privacy" title="Datenschutzinformationen" href="http://killhill.dyndns.org/purpurkultur/impressum.php#datenschutz" /> <!--Stylesheets--> <link href="css/global.css" rel="stylesheet" type="text/css" /> <link href="css/purpur.css" rel="stylesheet" type="text/css" /> </head> <body> <a name="top" id="top"></a> <div id="root"> <!--navbar--> <div id="navSec02"> <div id="navbar"> <ul> <li>| <a class="nav01" href="index.php" title="Startseite [accesskey 1]" accesskey="1" target="_self">STARTSEITE</a></li>

<li>| <a class="nav02" href="purpur.php" title="pur pur Kultur e.V. [accesskey 2]" accesskey="2" target="_self">PUR PUR</a></li> <li>| <a class="nav03" href="leistungen.php" title="Unsere Leistungen  [accesskey 3]" accesskey="3" target="_self">LEISTUNGEN</a></li> <li>| <a class="nav04" href="projekte.php" title="Unsere Projekte  [accesskey 4]" accesskey="4" target="_self">PROJEKTE</a></li> <li>| <a class="nav05" href="partner.php" title="Unsere Partner [accesskey 5]" accesskey="5" target="_self">PARTNER</a></li> <li>| <a class="nav06" href="presse.php" title="Infos f&uuml;r die Presse  [accesskey 6]" accesskey="6" target="_self">PRESSE</a></li> <li>| <a class="nav07" href="impressum.php" title="Impressum [accesskey 7]" accesskey="7" target="_self">IMPRESSUM</a></li>

<li>| <a class="nav08" href="inhalt.php" title="Inhaltsverzeichnis [accesskey 8]" accesskey="8" target="_self">INHALT</a></li> </ul> </div> </div> <!--navbar end--> <!--nav help--> <ul class="hidden"> <li><a href="#navbar" accesskey="9" title="accesskey 9">Zur Navigation / Inhalt &uuml;berspringen</a></li> <li><a href="#content" accesskey="0" title="accesskey 0">Zum Inhalt / Navigation &uuml;berspringen</a></li> <li><a href="#sidebar" accesskey="s" title="accesskey 0">Zur Subnavigation / Inhalt und Navigation &uuml;berspringen</a></li>

</ul> <!--nav help end--> <!--banner--> <div id="banner"><img src="media/images/default/banner_purpur.jpg" alt="" /></div> <!--banner end--> <!--main--> <div id="main"> <!--sidebar--> <div id="sidebar"> <h1>pur pur Kultur e.V.</h1> <h2>Der Verein</h2> <ul> <li><a href="/purpurkultur/purpur.php" title="&Uuml;bersicht" target="_self">&Uuml;bersicht</a></li> <li><a href="/purpurkultur/purpur.php?category=ueber" title="&Uuml;ber uns" target="_self">&Uuml;ber uns</a></li>

<li><a href="/purpurkultur/purpur.php?category=philosophie" title="Unsere Philosophie" target="_self">Philosophie</a></li> <li><a href="/purpurkultur/purpur.php?category=historie" title="Was bisher geschar" target="_self">Historie</a></li> <li><a href="/purpurkultur/purpur.php?category=team" title="Unser Team" target="_self">Team</a></li> </ul> <!--service--> <h2>Service</h2> <ul> <li><a href="kontakt.php" title="Schreiben Sie uns" target="_self">Kontakt</a></li> <li><a href="callback.php" title="Wir rufen Sie zur&uuml;ck" target="_self">Callback</a></li> <li><a href="impressum.php" title="Impressum" target="_self">Impressum</a></li>

</ul> <!--service end--> <!--pur pur--> <h2>pur pur</h2> <ul> <li><a href="purpur.php?category=mitglied-werden" title="Werden Sie Mitglied bei pur pur Kultur" target="_self">Mitglied werden</a></li> <li><a href="purpur.php?category=spenden" title="Spenden" target="_self">Spenden</a></li> </ul> <!--pur pur end--> </div> <!--sidebar end--> <!--content--> <div id="content"> <h1>keine Ueberschrift 1</h1>

<h2>keine Ueberschrift 2</h2> kein text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <!--content end--> </div> <!--main end-->

<!--footer--> <div id="footer"> <div id="validate"> <a href="http://validator.w3.org/check/referer" title="Diese Seite verwendet g&uuml;ltiges XHTML 1.0 Transitional" target="_blank">G&uuml;ltiges <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a>  | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://killhill.dyndns.org/purpurkultur/purpur.php" title="Diese Seite verwendet g&uuml;ltiges CSS" target="_blank">G&uuml;ltiges <abbr title="Cascading Style Sheets">CSS</abbr></a></div>

<div id="anchor"><a href="#top" title="Zur&uuml;ck zum Seitenanfang" target="_self"># Seitenanfang</a></div> </div> <!--footer end--> <!--nav help--> <ul class="hidden"> <li><a href="#navbar" accesskey="9" title="accesskey 9">Zur Navigation / Inhalt &uuml;berspringen</a></li> <li><a href="#content" accesskey="0" title="accesskey 0">Zum Inhalt / Navigation &uuml;berspringen</a></li> <li><a href="#sidebar" accesskey="s" title="accesskey 0">Zur Subnavigation / Inhalt und Navigation &uuml;berspringen</a></li> </ul> <!--nav help end-->

</div> </body> </html> ##################################################################

CSS 1 (global.css) ################################################################## body {  background-color:#fff;  margin:0px 0px 0px 0px; }

div#root {  background:url(http://localhost/purpurkultur/media/images/default/fauxColumn.gif) repeat-y 50% 0;  background-color:#fff;  margin:auto auto;  margin-top:10px;  margin-bottom:10px;  text-align:left;  padding-left:10px;  padding-right:10px;  width:670px;  z-index:-1000; }

/* navbar */ div#navbar {         background-color:#fff;         color:#999999;         font-size:13px;  border-top:10px solid #fff;  border-bottom:10px solid #fff;         text-align:left;         width:670px; }

html>body #navbar {  width:670px; }

#navbar ul {  margin-left:0px;  margin-top:0px;  margin-bottom:0px;  padding:0px; }

#navbar li {  display:inline;  padding-right:2px;  color:#999999;  font-size:13px;  font-weight:bold;  font-family:Arial, Helvetica, sans-serif; }

#navbar a:link, #navbar a:visited {  color:#999999;  text-decoration:none; }

#navbar a:hover {     color:#000;     text-decoration:none; }

#navSec01 #navbar A.nav01, #navSec02 #navbar A.nav02, #navSec03 #navbar A.nav03, #navSec04 #navbar A.nav04, #navSec05 #navbar A.nav05, #navSec06 #navbar A.nav06, #navSec07 #navbar A.nav07, #navSec08 #navbar A.nav08 {     text-decoration:none;  color:#000;    }

#errorNav #navbar A.nav01, #errorNav #navbar A.nav02, #errorNav #navbar A.nav03, #errorNav #navbar A.nav04, #errorNav #navbar A.nav05, #errorNav #navbar A.nav06, #errorNav #navbar A.nav07, #errorNav #navbar A.nav08 {     text-decoration:none;  color:#999999;    } /* navbar end */

div#banner {  height:145px;  width:670px;  background-color:#F6F6F6; }

#banner img {         border:none;  width:670px;  height:145px; }

div#main {  padding-top:18px;  width:670px;  background-color:#F6F6F6; }

/sidebar/ div#sidebar {  background-color:#F6F6F6;  width:200px;  float:left; }

#sidebar h1 {  font-family:Arial, Helvetica, sans-serif;  font-size:20px;  font-weight:normal;  margin:2px;  margin-left:2px; }

#sidebar h2 {  font-size:16px;  font-weight:normal;  margin-left:2px;  margin-top:25px;  margin-bottom:0px; }

#sidebar ul {  margin:0px;  margin-left:2px;  padding-left:13px; }

#sidebar li {  list-style-image:url(http://localhost/purpurkultur/media/images/default/arrow.gif); }

#sidebar a:link, #sidebar a:visited {  color:#666666;  text-decoration:underline; }

#sidebar a:hover {     color:#fff;     text-decoration:none; } /sidebar end/

/content/ div#content {  padding-right:5px;  padding-bottom:5px;  color:#666666;  background-color:#F6F6F6;  width:465px;  float:right; }

#content a:link, #content a:visited {  color:#666666;  text-decoration:underline; }

#content a:hover {  color:#ffffff;         text-decoration:none; }

#content h1 {  font-family:Arial, Helvetica, sans-serif;  font-size:20px;  font-weight:normal;  margin:0px; }

#content h2 {  font-size:16px;  font-weight:normal;  margin:0px;  margin-top:25px; }

#content h3 {  font-size:12px;  font-weight:normal;  margin:0px;  color:#999999;  margin-bottom:4px; }

#content ul {

}

#content li {

}

.img_right {  float:right;  padding:2px;  margin-top:5px;  margin-left:10px;  border:1px solid #666;  background-color:#fff; }

.img_left {  float:left;  padding:2px;  margin-top:5px;  margin-right:10px;  border:1px solid #666;  background-color:#fff; }

/content end/

/footer/ div#footer {  font-size:12px;  color:#999999;  background-color:#EEECE0;  width:670px;  height:19px;         border-top:15px solid #F6F6F6;  border-bottom:10px solid #fff;  padding-top:2px;         clear:both; }

div#validate {  text-align:left;  padding-left:5px;  float:left; }

div#anchor {  text-align:right;  padding-right:5px;  float:right; }

#footer a:link, #footer a:visited {  color:#999999;  text-decoration:none; }

#footer a:hover {  color:#666666;         text-decoration:none; }

#anchor a:link, #anchor a:visited {  text-decoration:underline; }

#anchor a:hover {         text-decoration:underline; } /footer end/

/nav help/ .hidden {  display: none;  visibility: hidden; }

/acronym/ acronym, abbr {         border-bottom-width: medium;         border-bottom-style: none;  border-bottom-width: 1px;         border-bottom-style: dashed;         border-bottom-color: #999999; }

acronym, abbr, span.caps {         cursor: help;         font-size: 90%;         letter-spacing: 0.07em; } /acronym end/ ##################################################################

CSS 2 (purpur.css) (da sich die Farben je nach Bereich ändern) ################################################################## div#root {  border:2px solid #ec1641; }

#sidebar h1 {  color:#ec1641; }

#sidebar h2 {  color:#ec1641; }

#sidebar a:hover {  background-color:#ec1641; }

#content h1 {  color:#ec1641; }

#content h2 {  color:#ec1641; }

#content a:hover {  background-color:#ec1641; } ################################################################