Kleineres DIV Problem

Status
Nicht offen für weitere Antworten.
Acidfood

Acidfood

Mitglied
Hallo,

ich habe nur ein kleines Problem kann mir aber nicht selber helfen deswegen frage ich mal.

Seite

Warum habe ich einen scrollbalken wo ich doch alles so schön begrenzt habe?

Quellcode html
Code: 
<link rel="stylesheet" type="text/css" href="style1.css">
</head>
<body bgcolor="#000000">
	<div id="inhalt">
	<div id="Seite">
		<div style=" position: relative; top:45px; left:100px ; "><a href="index4.html"><img src="Bilder/frueling/hp_16_03_05_10.jpg" width="120" height="40" alt="Home" border="0"></a></div>
		<div style=" position: relative; top:42px; left:75px ; "><a href="news2.php"><img src="Bilder/frueling/hp_16_03_05_14.jpg" width="110" height="35" alt="News" border="0"></a></div> 
		<div style=" position: relative; top:38px; left:90px ; "><a href="profil/profil.html"><img src="Bilder/frueling/hp_16_03_05_18.jpg" width="160" height="40" alt="Profil" border="0"></a></div>
		<div style=" position: relative; top:33px; left:65px ; "><a href="#"><img src="Bilder/frueling/hp_16_03_05_23.jpg" width="205" height="35" alt="Referenzen" border="0"></a></div>
		<div style=" position: relative; top:30px; left:15px ; "><a href="#"><img src="Bilder/frueling/hp_16_03_05_27.jpg" width="265" height="35" alt="Visualisierung" border="0"></a></div>
		<div style=" position: relative; top:25px; left:45px ; "><a href="#"><img src="Bilder/frueling/hp_16_03_05_31.jpg" width="215" height="35" alt="Animation" border="0"></a></div>
		<div style=" position: relative; top:30px; left:25px ; "><a href="#"><img src="Bilder/frueling/hp_16_03_05_37.jpg" width="250" height="35" alt="Private Arbeiten" border="0"></a></div>
		<div style=" position: relative; top:40px; left:60px ; "><a href="#"><img src="Bilder/frueling/hp_16_03_05_42.jpg" width="190" height="30" alt="Guestbook" border="0"></a></div>
		<div style=" position: relative; top:40px; left:90px ; "><a href="#"><img src="Bilder/frueling/hp_16_03_05_46.jpg" width="80" height="50" alt="Links" border="0"></a></div>
		<div style=" position: relative; top:35px; left:30px ; "><a href="#"><img src="Bilder/frueling/hp_16_03_05_60.jpg" width="240" height="35" alt="Impressum" border="0"></a></div>
	</div>
	<div id="scrollen" style=" position: relative; top:-575px; left:300px ; ">
	<center>
		<h1>Herzlich Willkommen auf</h1><h2>www.ceess.de</h2>
		<br>Beim Besuchen meiner Homepage w&uuml;nsche ich Ihnen viel Spass.
		<br></center>
		<br>Zum einen finden Sie hier meine Projekarbeiten die w&auml;hrend des Studiums entstanden sind.
		<br>Aber auch Private Arbeiten die zum eigenen Verst&auml;ndnis unterschiedlicher Programme beitrugen.
		<br>
		<br>Wenn Sie m&ouml;chten k&ouml;nnen Sie mir gerne eine Nachricht zukommen lassen, oder sich in meinem G&auml;stebuch verewigen.
		<br>
		<br>
		<center>Nun aber genug, viel Spass auf ceess.de
		<br>
		<br>Christian Schneider</center>
	</div>
	</div>
	<div id="Fusszeile"  style=" position: relative; top:-350px; " >&copy; Christian Schneider 2005.</div>
</body></html>

Quellcode CSS
Code: 
#inhalt  { text-align: left; margin: 0 auto; padding: 0; width: 800px; height: 600px; vertical-align: middle }
#Seite     
    { background-image: url(bild.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 0 0; text-align: left; list-style-image: url(bild.jpg); padding: 0; width: 100%; height: 100% }
#Fusszeile   
     { color: white; font-size: 0.83em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; text-align: center; margin: 0; padding: 1em; clear: both }
#scrollen
    { color: black; font-size: 9pt; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; padding: 4px; position: absolute; top: 0; left: 0; width: 445px; height: 325px; float: left; overflow: auto; scrollbar-3dlight-color: #BAB9B4; scrollbar-arrow-color: #E00000; scrollbar-darkshadow-color: #BAB9B4; scrollbar-face-color: #BAB9B4; scrollbar-highlight-color: #D0D0D0; scrollbar-shadow-color: #D0D0D0; scrollbar-track-color: #BAB9B4
    }

Gruss Christian

Ich mag doch nur meine Seite Zentriert auf dem Bildschirm haben.
 
Probier es in der CSS Datei an der passenden Stelle doch mal mit

overflow: hidden;

z.B.

body {
overflow:hidden;
}

Leon
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück