• 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>
 
Werbung:
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.
 
Werbung:
Zurück
Oben