Ergebnis 1 bis 5 von 5

Thema: Meine Seite kürzen

  1. #1
    HTML Newbie
    Registriert seit
    11.07.2013
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Meine Seite kürzen

    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. :
    problem.jpg

    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-Code:
    <!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> &nbsp  &nbsp  <a href="Hp.html"> Tutorials </a> &nbsp &nbsp <a href="Hp.html"> Videos </a> &nbsp &nbsp  <a href="Hp.html"> Bilder</a> &nbsp &nbsp <a href="Hp.html"> Forum </a>&nbsp &nbsp  <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>
    Danke schonmal im Vorraus
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Meine Seite kürzen

    Nimm alle absoluten Positionierungen raus, und verwende besser ul-Listen.
    Positioniere besser mit float und margin.
    Es macht auch keinen Sinn, pro Grafik einen gesonderten Div zu verwenden. Dazu ist dieses Element nicht gedacht.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    11.07.2013
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Meine Seite kürzen

    Erst mal danke für deine schnelle Antwort, nett von dir !
    Ul-listen weiß ich was das ist, aber ich arbeite noch nicht so lange mit html und konnte mir noch nicht soviel selber beibringen (und nein das liegt nicht daran dass ich erst 15 bin und das nicht alles so versteh * hust* ). Könntest du mir villeicht erklären was float und margin machen? Und wie genau soll ich die ul's einfügen? Bitte nicht jetzt den quelltext dafür hierhin schreiben will mir das ja selber beibringen aber gegen so einen kleinen Tipp hätte ich nichts ;P
    Gruß TheScript

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    11.07.2013
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Meine Seite kürzen

    OK Vielen Dank
    Ich werds jetzt übernehmen

    - - - Aktualisiert - - -

    Soll ich dann stattdessen position:relative nehmen?

Ähnliche Themen

  1. Meine Seite eure Seite
    Von COLD im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 12
    Letzter Beitrag: 19.02.2007, 10:25
  2. String kürzen
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 28.12.2006, 17:28
  3. regex: url verlinken und kürzen
    Von baloo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 03.08.2006, 15:32
  4. Zu lange Dateinamen -> kürzen?
    Von JRRT0lkien im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 06.07.2005, 09:06
  5. Hilfe, meine Seite hoppst zur Seite
    Von roxxter im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 18.05.2005, 16:28

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •