Hallöchen,
NN 7 schneidet einfach den Inhalt ab wenn ich im Stylesheet für den body { overflow: auto } definiere
woran kann das liegen?
DT:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
source:
<body>
<div id="Header">
<div id="Navigation"><img src="grafik/objekte/navi_left.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/phil_01.jpg" width="100" height="35"><img src="grafik/objekte/service_01.jpg" width="100" height="35">
<div id="Content" class="content">
<h1>Herzlich willkommen bei
www.domain.de</h1>
<p>An dieser Stelle finden Sie Angebote, Serviceinformationen und Hinweise auf
Veranstaltungen des Domaininhabers.</p>
<p>Falls Sie eine Anfrage an uns haben oder einfach nur wissen wollen, wie Sie uns finden - hier sind Sie richtig!</p>
<p>Viel Spaß beim Besuch <a href="#">unserer</a> Site.</p>
<hr>
<h2>Was bisher geschah...</h2>
<p><br>
Im Laufe eines Jahres organisieren wir allerhand Aktivitäten oder finden
einiges interessant. <br>
Manchmal gibt es davon auch Fotos oder Beschreibungen. Schauen Sie doch mal rein.</p>
<p>zum Rückblick auf die Veranstaltungen des Jahres</p>
<div id="Footer" class="footer">Alle Rechte Vorbehalten © 1985 </div>
</div>
</div>
</div>
</body>
css:
body {
background-color: White;
color: Black;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
text-align: center;
margin: 20px 0 0 0;
overflow: auto;
}
A {
color: Blue;
text-decoration: underline;
}
A:hover {
color: Fuchsia;
text-decoration: none;
}
H1 {
font: 25px/130% Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #E9967A;
font-weight: bold;
background-color: transparent;
margin: 0 0 0 0;
}
H2 {
font: 20px/130% Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #666666;
font-weight: bold;
background-color: transparent;
margin: 30px 0 0 0;
}
H3 {
font: 16px/130% Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #999999;
font-weight: bold;
background-color: transparent;
margin: 20px 0 0 -1%;
}
HR {
color: #7B99E1;
}
#Header {
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 100px;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../grafik/objekte/header.jpg);
background-repeat: no-repeat;
}
#Navigation {
position: relative;
width: 700px;
height: 35px;
margin-left: 30px;
top: 110px;
}
#Content {
position: relative;
width: 750px;
margin-top: 10px;
margin-left: 20px;
font-size: 90%;
}
#Footer {
position: relative;
width: 750px;
height: 40px;
margin-top: 20px;
margin-bottom: 30px;
font-size: 90%;
background-image: url(../grafik/objekte/footer.jpg);
background-repeat: repeat-x;
}
.content {
padding-right: 10px;
}
.footer {
padding-top: 8px;
padding-left: 5px;
font-weight: bold;
color: #F1F2F4;
background-color: transparent;
}