Hallo Leute
Ich habe mir einen Prototypen von meiner Seite gebaut. Ich habe aus Platzgründen kurzzeitig meine Seite vergrößert, doch als ich sie wieder kleiner machen wollte funktionierte es nicht. Bei der roten Linie sollte die Seite eigentlich aufhören. :
Ich habe das Seitenende mit body { margin:0; padding:0; height:2100px; } geändert, doch wenn ich das da wieder änder tut sich nichts...
Kann mir jemand helfen?
Hier der Code:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>Skycraft</title>
<style type="text/css">
body { margin:0; padding:0; height:2100px; }
div { border:0px solid #888; }
#menu { position:fixed; top:0px; left:250px; width:1100px; height:75px; z-index:10;}
#menupunkte { position:fixed; top:0px; left:250px; width:1100px; height:75px; z-index:10;}
#Banner { position:absolute; top:75px; left:250px; width:1100px; height:226px; z-index:1;}
#Newsboxaussen { position:absolute; top:301px; left:250px; width:1100px; height:2100px; z-index:2; background-color:#00bfbf;}
#Bilderreihe { position:absolute; top:311px; left:260px; width:1080px; height:390px; z-index:4; background-color:#404040;}
#schriftnews { position:absolute; top:707px; left:260px; width:1080px; height:40px; z-index:4;}
#Box1 { position:absolute; top:797px; left:260px; width:1080px; height:105px; z-index:4; background-color:#ffffff;}
#Box2 { position:absolute; top:905px; left:260px; width:1080px; height:105px; z-index:4; background-color:#ffffff;}
#Box3 { position:absolute; top:1015px; left:260px; width:1080px; height:105px; z-index:4; background-color:#ffffff;}
#Box4 { position:absolute; top:1125px; left:260px; width:1080px; height:105px; z-index:4; background-color:#ffffff;}
#Box5 { position:absolute; top:1235px; left:260px; width:1080px; height:105px; z-index:4; background-color:#ffffff;}
#Box6 { position:absolute; top:1345px; left:260px; width:1080px; height:105px; z-index:4; background-color:#ffffff;}
#SchriftPartner { position:absolute; top:1465px; left:260px; width:1080px; height:40px; z-index:5;}
#Partner1 { position:absolute; top:1610px; left:460px; width:130px; height:130px; z-index:5;}
#Partner2 { position:absolute; top:1610px; left:730px; width:130px; height:130px; z-index:5;}
#Partner3 { position:absolute; top:1610px; left:990px; width:130px; height:130px; z-index:5;}
#Partner4 { position:absolute; top:1850px; left:460px; width:130px; height:130px; z-index:5;}
#Partner5 { position:absolute; top:1850px; left:730px; width:130px; height:130px; z-index:5;}
#Partner6 { position:absolute; top:1850px; left:990px; width:130px; height:130px; z-index:5;}
#Ende { position:absolute; top:2000px; left:260px; width:1080px; height:40px; z-index:4;}
</style>
<script>
var Warten = 10000;
var Bilder = new Array();
Bilder[0] = 'bilder/minecraft.png';
Bilder[1] = 'bilder/bild1.bmp';
Bilder[2] = 'bilder/bild2.bmp';
var Timer;
var AktuellesBild = 0;
var Anzahl = Bilder.length;
var Vorladen = new Array();
for (i = 0; i < Anzahl; i++){
Vorladen[i] = new Image();
Vorladen[i].src = Bilder[i];
}
function BildWechseln(){
document.images.Bild.src = Vorladen[AktuellesBild].src;
AktuellesBild++;
if (AktuellesBild > (Anzahl-1)) AktuellesBild=0;
Timer = setTimeout('BildWechseln()', Warten);
}
</script>
</head>
<body background="bilder/bg.bmp" onload="BildWechseln()">
<div id="menu"> <img src="bilder/menu.bmp"> </div>
<div id="menupunkte"> <center> <h1> <a href="Hp.html"> Home </a>     <a href="Hp.html"> Tutorials </a>     <a href="Hp.html"> Videos </a>     <a href="Hp.html"> Bilder</a>     <a href="Hp.html"> Forum </a>    <a href="Hp.html">Kontakt</a> </h1> </center></div>
<div id="Banner"> <img src="bilder/Banner.bmp"> </div>
<div id="Newsboxaussen"> </div>
<div id="Bilderreihe"> <img src="z1-3.jpg" name='Bild'> </div>
<div id="schriftnews"> <h1> News </h1> <hr style="width:900px;"> </div>
<basefont face="Comic Sans MS">
<div id="Box1"> <img style="position:absolute; top:1px; left:35px; border:none; z-index:3;" src="bilder/news/mc.jpg"> <font style="position:absolute; top:1px; left:155px;z-index:3;"> Es ist soweit! Skycraft startet sein erstes Let's Play. Es ist der Klassiker Minecraft! Doch alleine sind wir noch lange nicht so kreativ wie ihr: Deshalb schickt uns auch euere Eindrücke, Wünsche und Ideen. Wir würden uns freuen! Hier gehts zum Forum.</font> </div>
<div id="Box2"> <img style="position:absolute; top:1px; left:35px; border:none; z-index:3;" src="bilder/news/yt.jpg"> <font style="position:absolute; top:1px; left:155px;z-index:3;"> Es ist EURE kreativität gefragt :) Wir brauchen noch einintro und ein Kanaldesign! Hätte jemand Lust was für uns zu erstellen? Bitte Melden im Forum :D </font> </div>
<div id="Box3"> <img style="position:absolute; top:1px; left:35px; border:none; z-index:3;" src="bilder/news/cod.jpg"> <font style="position:absolute; top:1px; left:155px;z-index:3;"> COD Hot or Not? Wollt ihr ein Call of Duty Lets Play? Wir spielen grade mit dem Gedanken aber fest steht es noch nicht. Wollt ihr denn eins? Bitte schreibt im Forum :) </font> </div>
<div id="Box4"> <img style="position:absolute; top:1px; left:35px; border:none; z-index:3;" src="bilder/news/unbekannt.jpg"> <font style="position:absolute; top:1px; left:155px;z-index:3;"> Die Vorbereitungen für unser erstes Let's Play laufen :) Es dauert nicht mehr lange bis wir unser erstes Let's Play starten :) Doch was wird es sein? </font> </div>
<div id="Box5"> <img style="position:absolute; top:1px; left:1px; border:none; z-index:3;" src="bilder/news/skycraft.jpg"> <font style="position:absolute; top:1px; left:155px;z-index:3;"> DAS TEAM: Unser Team besteht aus zwei zocksüchtigen und charmanten Jungen namens Oli(15) und Maxi(15). Ihr wollt mehr über uns erfahen? Fragt im Forum nach :) </font> </div>
<div id="Box6"> <img style="position:absolute; top:1px; left:1px; border:none; z-index:3;" src="bilder/news/skycraft.jpg"> <font style="position:absolute; top:1px; left:155px;z-index:3;"> Soeben wurde unser Youtube-Kanal <a href="http://www.google.de/"> Skycraft </a> eröffnet! Es werden viele Videos folgen. Habt Spaß :) </font> </div>
</basefont>
<div id="SchriftPartner"> <h1> Unsere Partner </h1> <hr style="width:900px;"> </div>
<div id="Partner1"> <a href="http://www.google.de/"> <img src="bilder/Partner/black.bmp"> </a> </div>
<div id="Partner2"> <a href="http://www.google.de/"> <img src="bilder/Partner/g.bmp"> </a> </div>
<div id="Partner3"> <a href="http://www.google.de/"> <img src="bilder/Partner/cool.bmp"> </a> </div>
<div id="Partner4"> <a href="http://www.google.de/"> <img src="bilder/Partner/fight.bmp"> </a> </div>
<div id="Partner5"> <a href="http://www.google.de/"> <img src="bilder/Partner/ghost.bmp"> </a> </div>
<div id="Partner6"> <a href="http://www.google.de/"> <img src="bilder/Partner/cheatsneak.bmp"> </a> </div>
<div id="Ende"> <hr style="width:900px;"> <center> <h6> © 2013 Alle Rechte vorbehalten, insbesondere das Recht auf Vervielfältigung und Verbreitung sowie Übersetzung. </h6> </center> </div>
</body></html>
Alles anzeigen
Danke schonmal im Vorraus