• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Scroll bar unten!?

ThePetty5

Neues Mitglied
Hallo Community,

ich wundere mich warum ich unten eine scroll bar habe

=> http://patrickserver.funpic.de/

habt ihr die auch? was hab ich falsch gemacht?

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="de" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Willkommen bei SteamPro!</title>
<link rel="stylesheet" type="text/css" href="css.css">
<script type="text/javascript" src="http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/userlayout/js/schnee.js">
</script>





<center>
<div id="bg" >
<head>

   
    <table  cellpadding="0" cellspacing="0" id="style_1" style=" width: 940px;">  <!-- 940 -->
        <tr>
            <td id="style3" colspan="7" style="height: 23px">
            <span id="style2">
            <a id="style12" href="http://modernwarfarepro.de/forum/ucp.php?mode=login">
            <span id="style23">Anmelden&nbsp;</span></a>
                    &nbsp;|&nbsp;
                    <a id="style12" href="http://modernwarfarepro.de/forum/ucp.php?mode=register">
            <span id="style23">Registrieren</span></a></span> </td>
        </tr>
        <tr>
            <td style="height: 23px; width: 800px;"> <!-- 210 -->
                <img alt="SteamPro" height="65" src="images/logo_w.png" width="210" />
            </td>
            <td id="style5" style="height: 23px; width: 42px">
                &nbsp;
            </td>
            <td id="style24" style="height: 23px; width: 60px">
                <a id="style12" href="http://modernwarfarepro.de/forum/" target="_top">
                    <span id="style11">
                    <b><u>FORUM</u></b>
                    </span>
                </a>
            </td>
            <td id="style24" style="height: 23px; width: 96px">
                <a id="style12" href="http://modernwarfarepro.de/forum/">
                    <span id="style11">
                    <b><u>DOWNLOADS</u></b>
                    </span>
                </a>
            </td>
            <td id="style24" style="height: 23px; width: 110px">
                <a id="style12" href="http://modernwarfarepro.de/forum/viewforum.php?f=10">
                    <span id="style24">
                    <b><u>SERVERLISTEN</u></b>
                    </span>
                </a>
            </td>
            <td id="style4" style="height: 23px">
                &nbsp;
            </td>
        </tr>
    </table>
</head>

<body>


<table id="style7" style="width: 940px; height: 37px">   <!-- Liste Spiele -->
    <tr>
        <td>&nbsp;&nbsp;&nbsp;<span id="style26">&nbsp; </span> <span id="style9">
        <a id="style12" href="http://modernwarfarepro.de/forum/viewforum.php?f=57">
            <span id="style26">&nbsp;COD 4&nbsp;</span>
        </a></span><span id="style25">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="style9">
        <a id="style12" href="http://modernwarfarepro.de/forum/viewforum.php?f=51"><span id="style26">
            MW2</span>
        </a><span id="style25">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <a id="style12" href="http://modernwarfarepro.de/forum/viewforum.php?f=25"><span id="style26">
            BlackOps</span>
        </a><span id="style25">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </span>
        <a id="style12" href="http://modernwarfarepro.de/forum/viewforum.php?f=31">
            <span id="style26">MW3</span>
        </a><span id="style25">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </span>
        <a id="style12" href="http://modernwarfarepro.de/forum/viewforum.php?f=13">
            <span id="style26">BFBC2</span>
        </a><span id="style25">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </span>
        <a id="style12" href="http://modernwarfarepro.de/forum/">
            <span id="style26">BLACKOPS2</span>
        </a><span id="style25">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>
        <a id="style12" href="http://modernwarfarepro.de/forum/viewforum.php?f=55">
            <span id="style26">COD5&nbsp;</span>
        </a><span id="style25">&nbsp; </span>
        </span>
        </td>
    </tr>
</table>

<table style="border-spacing:15px; width:938px;">
    <tr>
        <td> <h2 id="style24" style="margin-top:35px;" >Our Video:</h2>
            <iframe width="536" height="302" src="http://www.youtube.com/embed/2ntZLU_pOjw" frameborder="0px" allowfullscreen ></iframe>
        </td>
        <td rowspan="2" >
            <h3 id="style24" >With SteamPro you get a completely new game<br>
                            experience in:</h3>
                            <table style="margin-left:50px;" >
                                <tr>
                                    <td>
                                        <img width="90" height="90" src="images/logo_cod4.png" >
                                    </td>
                                    <td>
                                        <img width="90" height="90" src="images/logo_mw2.png" >
                                    </td>
                                    <td>
                                        <img width="90" height="90" src="images/logo_bfbc2.png" >
                                    </td>
                                </tr>
                            </table>
                            <h3 id="style24" >upcoming projects are:</h3>
                            <table style="margin-left:50px;" >
                                <tr>
                                    <td>
                                        <img width="90" height="90" src="images/logo_blackops.png" >
                                    </td>
                                    <td>
                                        <img width="90" height="90" src="images/logo_mw3.png" >
                                    </td>
                                    <td>
                                        <img width="90" height="90" src="images/logo_cod5.png" >
                                    </td>
                                </tr>
                            </table>
                            <h3 id="style24"><u>LAN is supported too!</u><br><br>We can offer fast support and stable servers.
                           
                            </h3>
        </td>
    </tr>
    <tr>
        <td>
            <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FSteamProIW4PLAY&amp;width&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:80px;" allowTransparency="true"></iframe>
        </td>
    </tr>
</table>
<br>
<br>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script><script type="text/javascript" src="http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/userlayout/js/fadeslideshow.js">
//<![CDATA[

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

//]]>
</script><script type="text/javascript">
//<![CDATA[

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [630, 355], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["images/banner/1.png"],
        ["images/banner/2.png"]
        //["", "", "", ""],
        //["", "", "", ""],
        //["", "", "", ""],
        //["", "", "", ""]

         
],
    displaymode: {type:'auto', pause:6000, cycles:0, wraparound:false, randomize:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 2000, //transition duration (milliseconds)
    descreveal: "peekaboo",
    togglerid: ""
})

//]]>
</script>
<div id="fadeshow1" style="margin-left:-50px;" >
</div>


</body>

<footer  >
   
    <hr>
    <br>
    <table style="width: 940px; clear:left;">  <!-- Leiste unten -->
        <tr>
            <td>
            <img alt="SteamPro" height="24" src="images/logo.png" width="105" />
                <span id="style16">&copy;
                    2013 SteamPro. Alle Rechte vorbehalten. Alle Marken sind Eigentum
                    ihrer jeweiligen Besitzer in Deutschland und anderen L&auml;ndern.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a id="style12" href="http://modernwarfarepro.de/impressum.html" target="_top">
                    <span id="style23">Impressum</span></a>
                </span>
            </td>
        </tr>
    </table>

<br>

</footer>

</div>
</center>

</html>
 
Habs selber herausgefunden. Um die weißen Ränder am Rand weg zu machen habe ich vom hintergrund margin-left und right auf einen zu niedrigen Minus-Wert gesetzt.
 
Wenn das nur der einzige Fehler wäre...

Deine HTML-Struktur ist komplett durcheinander. Der Bereich wwischen <head> und </head> dient lediglich dazu, die "Seiteneigenschaften" wie Titel, Meta-Tags, eingebundene CSS/JS-Dateien zu definieren. Nicht jedoch wie bei dir um einen Kopfbereich der eigentlichen Seite zu erstellen.
Das kommt alles zwischen <body> und </body>. Auch dein <footer> (Das, ganz nebenbei, ein HTML-5 Element ist, du verwendest jedoch XHTML) kommt da rein.

Ganz offensichtlich verwechselst du HTML-5 Elemente wie <header> und <footer> mit den grundlegenden HTML-Strukturelementen <head> und <body>.

Von den anderen Fehlern wie der Verwendung veralteter <center>-Tags, Tabellstruktur und inflationärer Gebrauch von ids spreche ich jetzt mal nicht. Das orde ich mal wohlwollend unter "schlechten Stil" ein. Schau dir erst nocheinmal den Grundaufbau von HTML an.
 
Zurück
Oben