CSS; Position von Boxen beim Scrollen

nforce

2. April 2010 21:33:02

Moin,

ich bastel gerade an einer neuen Webseite und brauche einmal eure Hilfe. Ich möchte, dass dass alle Elemente fixed sind und sich beim scrollen nicht 'mit bewegen'. Ausnahme soll die Textbox im weißen Rahmen sein, diese soll sich beim nach unten scrollen nach oben weiterschieben usw. (ich nehme mal an das wäre absolute in der CSS-Datei).

Ich muss zugeben ich bin gerade mit meinem Code etwas überfordert, ich arbeite seit 6 Stunden und bin ganz schön fertig^^.

CSS-Datei

body {
	color: black;
	font-family: Calibri, monospace;
	font-size: medium;
	background-color: #1e1e1e;
}
 
a {
	color: black;
}
 
a:hover {
	color: #708090;
}
 
 
#contentcenter { -->Box für die Linkbutton oben<--
	width: 800px;
	margin: auto;
 
 
}
 
#maincontent { -->Box für das Hundebild<--
	width: 800px;
	height: 788px;
	background-image:url(9.jpg);
}
 
#maincontent2{ -->Box für den weißen transparenten Hintergrund<--
	width:800px;
	height:788px;
	background-image:url(back2.png);
}
 
#content { -->Box für die Überschrift, also Herzlich Willkommen...<--
	width: 800px;
	padding-top: 10px;
}
 
#in{ -->Box für den jeweiligen Text<--
	width: 780px;
	padding-left: 10px; 
	padding-top: 35px;
}

html-Datei

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<a href="http://www.w3.org/TR/html4/loose.dtd" target="_blank">http://www.w3.org/TR/html4/loose.dtd</a>">
 
<html>
 
<!--beginn head-->
<head>
         <title></title>
         <meta name=>
         <link rel="stylesheet" type="text/css" href="main.css">
</head>
 
<body>
 
<!--beginn navigation-->
         <div id="contentcenter">
 
         <p align="center">
          <a href="aktuelles.html"><img src="aktuelles.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="hunde.html"><img src="hunde.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="zucht.html"><img src="zucht.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="wir.html"><img src="wir.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="training.html"><img src="training.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="galerie.html"><img src="galerie.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="memo.html"><img src="memo.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="kontakt.html"><img src="kontakt.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="links.html"><img src="links.png" alt="" border="0" width="150px" height="40px"></a>
          <a href="impressum.html"><img src="impressum.png" alt="" border="0" width="150px" height="40px"></a>
         </p>
 
<!--beginn back hunde-->
         <div id="maincontent">
<!--beginn back weiß-->
         <div id="maincontent2">
<!--beginn überschrift-->
         <div id="content">
 
         <p align="center">
          <b>HERZLICH WILLKOMMEN
          <br>beim Golden Retriever Kennel</b>
          <br><font size="+4">My Joylights</font>
         </p>
 
<!--beginn inhalt-->
         <div id="in">
 
          <p style="margin-left:10px"><font size="+2">Training</font></p>
 
          An dieser Stelle möchten wir versuchen allen Hundebesitzern und denen, die es werden wollen, ein bisschen unsere Philosophie eines glücklichen Hundelebens näher zu bringen.
          <p>Der Golden Retriever ist ein Familienhund - sicherlich.</p>
          Ist sein Rudel komplett, der Futternapf immer reichlich gefüllt, Spaziergänge werden unternommen, muss es ihm doch gut gehen ! Auf den ersten Blick vielleicht.
          <p>Für ein zufriedenes Hundeleben reicht dies dem Golden Retriever allerdings nicht aus.</p>
          Er ist ein intelligenter, arbeitsfreudiger Hund, der gefordert und gefördert werden möchte.
          <p>Er braucht eine Beschäftigung, eine Aufgabe.</p>
          Nicht umsonst wird er im Rettungshundedienst, als Behinderten- und Therapiehund oder auch im jagdlichen Einsatz geführt. Wir „arbeiten“ mit unseren Hunden in der Dummyarbeit und trainieren im Deutschen Retriever Club e.V. in der Bezirksgruppe Hannover. In Anlehnung zum jagdlichen Training wird hier nicht mit Wild sondern mit so genannten Dummies gearbeitet. Für uns und die Hunde die ideale Möglichkeit einer sinnvollen „Beschäftigung“. Beide Seiten haben Spaß, sind ausgeglichen und zufrieden.
          <p>Wir sind Begleiter und Weggefährten unserer Hunde. Wir tragen die Verantwortung in dem Team Mensch-Hund, Hund-Mensch. Unsere Hunde sollten sich in jeder Situation darauf verlassen können.</p>
 
 
 
         </div>
         </div>
         </div>
         </div>
         </div>
         </div>
 
</body>
 
</html>