nicht angemeldet
Nachdem suit sich so freundlich rückgemeldet hat, dass Wordpress die Einführungszeichen konvertiert, probiere ich doch lieber den wichtigen Teil des Codes hier reinzuklatschen:
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="campe_ausschnitt.css"/>
</head>
<body id="body">
<div id="container">
<div id="header">
<h2>Wörterbuch zur Verdeutschung und Erklärung <br/>der unseren Sprache
aufgedrungenen fremden Ausdrücke </h2>
</div>
<div id="nav">
<div id="nav_main">
<ul>
<li>
<a href="main.php?page=vorwort1.html">Vorwort 1</a>
</li>
<li>
<a href="main.php?page=vorwort2.html">Vorwort 2</a>
</li>
<li>
<a href="main.php?page=regel.html">Preisschrift</a>
</li>
<li>
<a href="main.php?page=personenregister.html"
>Personenregister</a>
</li>
<li>
<a href="main.php?page=impressum.html">Impressum</a>
</li>
<li>
<a href="main.php?page=toc_vm_webserver.html">Zum
Faximile-Ansicht</a>
</li>
</ul>
</div>
</div>
<div id="main">
<div id="sidebars">
<div id="sidebar1">
<p>
<a href="main.php?xmlfile=a">
<span class="letters">A</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">B</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">C</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">D</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">E</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">F</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">G</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">H</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">I</span>
</a>
<br/>
<a href="lemmata.php?auswahl=x2" target="Lemmata">
<span class="letters">Z</span>
</a>
</p>
</div>
<div id="sidebar2">
<br/>
<form id="form" method="get" action="main.php">
<ul>
<li>
<input name="find" type="text" size="20"/>
</li>
<li>
<input name="goButton" type="submit"
value="Suche"/>
</li>
</ul>
</form>
<br/>
</div>
</div>
<div id="mainContent">
<h4> Wörterbuch zur Erklärung und Verdeutschung der
unserer Sprache aufgedrungenen fremden Ausdrücke [...]</h4>
</div>
</div>
</div>
</body>
</html>
CSS:
#body {
background: #EEEEEE;
margin: 0px;
padding: 0px;
text-align: center;
color: #000000;
}
#container {
width: 800px;
background-image: url("mainContent.gif");
background-repeat: repeat-y;
background-position: right;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
border-color: white;
border-style: groove;
height: 810px;
}
#header {
width: auto;
margin-bottom: 0px;
background: #CCCCCC;
border-bottom: 1px black solid;
padding: 0px 10px;
}
#header h2 {
text-align: center;
margin: auto;
padding: 10px 0;
}
#main {
position: relative;
width: auto;
left: 0px;
top: 3px;
margin-top: 0px;
padding: 0px;
background-image: url("main_content2.gif");
background-repeat: repeat-y;
background-position: right;
}
#sidebars {
position: absolute;
width: auto;
left: 0px;
top: 30px;
margin-top: 0px;
padding: 0px;
background-image: url("sidebar2.2.gif");
background-repeat: repeat-y;
background-position: left;
}
#sidebar1 {
position: absolute;
top: 0px;
height: 700px;
width: 30px;
border-right: solid white 1px;
border-bottom: solid white 1px;
background: #AAAAAA;
}
#sidebar2 {
position: relative;
top: 0px;
left: 32px;
width: 220px;
height: 700px;
border-right: white solid 1px;
}
#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3{
margin-left: 10px;
margin-right: 10px;
}
#sidebar2 a {
text-decoration:none;
}
#mainContent {
position: absolute;
top: 30px;
left: 233px;
border-right: white solid 1px;
width: 566px;
background-color: transparent;
background-image: url("mainContent.gif");
background-repeat: repeat-y;
background-position: right;
height: 700px;
overflow:scroll;
}