Hi Leute!
Habe mich redlich bemüht Fehler zu vermeiden. Dennoch, eine Kleinigkeit ist leider oberfaul! Obwohl die HTML-Seite, wie auch mein Stylesheet valide sind, habe ich durch meine obere Navigation einen Scrollbalken unten.
Entferne ich die NAV mittels: "<!-- -->" ist der Scrollbalken weg.
Hat da einer ne Ahnung, wo ich den Bock geschossen habe?
Die HTML-Seite:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<TITLE>Verwaltungsgesellschaft, Unternehmensberatung, Immobilien, Rechnungswesen</TITLE>
<meta name="GENERATOR" content="Mozilla/4.73 [de]C-CCK-MCD QXW0324c (Win98; U) [Netscape]">
<meta name="robots" content="index">
<meta name="robots" content="follow">
<meta name="language" content="deutsch, de"><!-- META - ANGABEN -->
<link href="css.css" rel="stylesheet" type="text/css">
<style type="text/css"> <!--
}
#table {
left : 185px;
top : 155px;
position : absolute;
}
td {
scrollbar-arrow-color : #F2F2F2;
scrollbar-face-color : #28195E;
scrollbar-base-color : #28195E;
}
-->
</style>
</head>
<body style="background-color: #F2F2F2;">
<!-- <a name="top" class="invis"> </a>
<a href="#anfang" class="invis">Zum Artikel springen</a>-->
<!--<div id="top"> </div>-->
<div id="wrapper"><div id="content">
<!-- TopMenu -->
<p class="mainmenue">
<a href="index.htm" target="_self">..: UNTERNEHMEN :..</a>
<a href="htm/struktur.htm">..: UNTERNEHMENSSTRUKTUR :..</a>
<a href="htm/kontakt.php">..: KONTAKT :..</a>
</p>
<!-- TopMenu ENDE -->
<!-- LeftMenue -->
<div id="leftmenue">
<ul>
<li> Dienstleistungen:<br></li>
<li><a href="htm/beratung.htm"> Unternehmensberatung</a></li>
<li><a href="htm/immobil.htm"> Immobilienberatung</a></li>
<li><br> Services:<br></li>
<li><a href="htm/rechnung.htm"> Rechnungswesen</a></li>
<li><a href="htm/gehalt.htm"> Gehaltsservice</a></li>
<li><a href="mailto:info@rothe-verwaltung.de?subject=Informationsanfrage"> e-Mail</a></li>
<li><a href="htm/impress.htm"> Impressum</a></li>
<li><br><br> <img src="objects/ch_hand2.jpg" width="136" height="92" alt="Auf Vertrauen!" border="0"></li>
</ul>
</div>
<!-- LeftMenue ENDE --><div id="table">
<table border="0">
<tr>
<td>
<div style="overflow:auto;width:570px; height:300px;">
<table border="0">
<tr>
<td width="350"><h2>Herzlich Willkommen auf unserer Homepage!<br><br></h2></td>
<td width="180" rowspan="3" align="center"><img src="objects/sky01.jpg" width="173" height="273" alt="Skyline Frankfurt am Main" border="0"></td>
</tr>
<tr>
<td><h3></h3></td>
</tr>
<tr>
<td> <p>Wir sind ein dienstleistungsorientiertes Beratungsunter-<br>nehmen und betreuen deutschlandweit Unternehmen bei<br>Ihren Geschäftsaktivitäten.<br><br>Durch unsere Leistungen unterstützen wir Sie in den Bereichen Rechnungswesen, Lohn- u. Gehaltsservice sowie Unternehmensberatung.<br><br>Die Zufriedenheit unserer Kunden und die Steigerung Ihres wirtschaftlichen Erfolges ist uns Auftrag und Verpflichtung zugleich.<br><br>Wir setzen auf wertorientierte Zusammenarbeit in allen Unternehmensbereichen.</p></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div><!-- content ENDE -->
<div id="footer">
<p></p>
</div>
</div><!-- id=wrapper -->
</body>
</html>
> -------------------------------------------------
>
> CSS:
~~~css
> html, body {
> margin: 0;
> padding: 0;
> }
> body {
> background-color: #F7FCF6;
> font-family: Verdana, Helvetica, sans-serif;
> font-size: 101%;
> text-align: center;/*fuer IE_quirks*/
> }
>
> /* mainboxes */
> #wrapper {
> position: relative;
> margin: 10px auto;
> width: 780px;
> background-color: transparent;
> color: #000066;
> text-align: left;
> /*Aufheben von IE_quirks im BODY*/
>
> }
>
> dl, dt, dd, ul, li {
> margin: 0;
> padding: 0;
> list-style-type: none;
> }
>
> #leftmenue {
> position: relative;
> top: 140px;
> left: 10px;
> font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
> font-size : 10px;
> color : #E8E8FF;
> }
>
> #content {
> background-color: transparent;
> background-image : url(objects/bg.jpg);
> background-repeat : no-repeat;
> font-family: Verdana, Helvetica, sans-serif;
> color: #000066;
> border: 0px;
> padding: 5px 0px 5px 0px;
> height : 500px;
> }
>
> #footer {
> background-color: transparent;
> font-family: Verdana, Helvetica, sans-serif;
> border: 0px;
> margin: 4px 0px 0px 10px;
> padding: 5px;
> position : relative;
> top : -41px;
> }
> /* setzt alles auf 0 */
> h1, h2, h3, h4, h5, h6, p {
> margin: 0;
> padding: 0;
> }
>
> h1 {
> color: #6B6B6B;
> font-size: 13px;
> letter-spacing: 2pt;
> }
> h2 {
> color: #6B6B6B;
> font-size: 12px;
> }
> h3 {
> font-size: 11px;
> color: #6B6B6B;
> }
> h4 {
> font-size: 11px;
> color : #8080FF;
> }
>
> /* Texte */
> p {
> font-size: 65%;
> }
> #content p {
> line-height: 150%;
> margin: 7px 0px 8px 0px;
> color: #6B6B6B;
> }
> #teaser p {
> padding: 10px 5px 0px 10px;
> }
>
> /* TOPmenu ANFANG*/
> p.mainmenue {
> color: #F0F0F0;
> font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
> font-size : 10px;
> left : 300px;
> top : 117px;
> position : relative;
> }
> /* TOPmenu ANFANG*/
>
> /* LEFTmenu ANFANG*/
> #leftmenue ul li {
> list-style-type: none;
> }
> #leftmenue a {
> display: block;
> text-decoration: none;
> width: 150px;
> margin: 2px 0;
> padding: 5px 0 2px 5px;
> font-weight: bold;
> background-color: transparent;
> color: #E1E1E1;
> border-top: 0px;
> border-left: 5px solid #28195E;
> border-right: 0px;
> border-bottom: 0px;
> font-size : 10px;
> }
> #leftmenue a:hover {
> display: block;
> background-color: #28195E;
> border-left: 5px solid #FFF;
> color: #C1C1E1;
> }
> /* LEFTmenu ENDE */
>
>
>
>
> /* Links */
> #content a {
> text-decoration: none;
> padding: 0px 3px 2px 3px;
> border-right: 0px;
> border-bottom: 0px ;
> background-color: transparent;
> color: #8080FF;
> }
> #content a:link {
> background-color: transparent;
> color: #8080FF;
> }
> #content a:visited {
> color: #DFFFFF;
> }
> #content a:hover {
> color: #FFF2E6;
> }
>
> span.s1 {
> color: #000066;
> font-size : 11px;
> font-weight : bolder;
> }
> span.s2 {
> color: #FF6600;
> font-size : 14px;
> font-weight : bolder;
> }
> #footer a {
> text-decoration: none;
> margin: 1px 0px 1px 0px;
> padding: 0px 3px 0px 3px;
> border: 0px;
> font-size : 9px;
> font-weight : bolder;
> font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
> }
> #footer p {
> background-color: transparent;
> color: #FFFFFF;
> }
> #footer a:link {
> background-color: transparent;
> color: #F2F2F2;
> }
> #footer a:visited {
> color: #D9FFFF;
> }
> #footer a:hover {
> color: #FFF0E6;
> }
> #footer a:active {
> color: #FFFFD7;
> }
> /* others */
> .invis, hr {
> display: none;
> }
>
> img {
> border: none;
> }