Sascha: Ajax und ein weißer Rand

Hi Leute!

Ich habe folgendes Problem. Ich habe eine Homepage mit Ajax erstellt und lasse auch die komplette Menüführung über ajax laufen aber leider habe ich rund um die Seite einen Weißen Rand wie kann ich den weg bekommen der HTML Body besteht aus 4 Div-Bereichen und es ist nirgends ein Padding eingetragen. Bitte helft mir.

MfG
Sascha

  1. Wie wärs mit ein wenig mehr Information...
    Sourcecode etc

    1. Hier der Code der index.php

      <html>
      <head>
      <title>Freiwillige Feuerwehr Langenholtensen</title>
      <link rel="stylesheet" type="text/css" href="my_style.css" media="screen" />
      <link rel="stylesheet" type="text/css" href="my_style_print.css" media="print" />
      <script type="text/javascript" src="request.js"></script>
      </head>
      <body onLoad="sndReq0('FF_menu')">
       <div id="top" align="center">
        <br /><br /><br /><br /><br /><br /><br />
        <a href="javascript:void(0);" onClick="sndReq0('FF_menu');">FF Menu</a>
        <a href="javascript:void(0);" onClick="sndReq0('JF_menu');">JF Menu</a>
        <a href="javascript:void(0);" onClick="sndReq0('KF_menu');">KF Menu</a> </div>
        <div id="menu">
         <p>
           <script type="text/javascript">
          sndReq0('Home');
         </script>
          </p>
        </div>
        <div id="page">
         <script type="text/javascript">
          sndReq1('home');
         </script>
        </div>
       <div id="foot">
         Copyright © 2008 Sascha Böker. All rights reserved.
       </div>
      </body>
      </html>

      und der Code des CSS-Files

      body {
       font-size: 85%;
       font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
      }

      #top{
      background-image:url(Images/banner.jpg);
       height:160px;
       margin:: 100px 200px 300px 10px;
       text-align:center;
       padding-top:-20px;
       padding-left:-20px;
       padding-right:-20px;
      }

      #top h1{
       margin:0;
       padding:10px;
       font:bold 20px verdana, sans-serif;
      }

      #menu{
       background-image:url(Images/menu.jpg);
       float:left;
       width:200;
       height:1200px;
       margin:0;
       padding:0;
       min-width:210px;
      }

      #page{
       float:left;
       width:80%;
       margin:0;
       padding:0;
      }

      #foot{
       margin:0;
       padding:0;
       width:80%;
      }

      #menue{
       width:150px;
       list-style-type:none;
       display:block;
       padding:0px;
       margin:0px;
       margin-left:0px;
      }

      #menue_titel {
       color:#FFFFFF;
       list-style-type:none;
       display:inline;
       padding:inherit;
       margin:0px;
       margin-left:2px;
      }

      #menue_titel li{
       text-align:center;
      }

      #menue_link{
       list-style-type:none;
       display:inline;
       padding:0px;
       margin:0px;

      }

      1. Hi,

        also... Ich seh da nicht besonders viel. 3 Links und nach etwas rumgescrolle eine Fusszeile. Was erwartest Du was man dort sehen sollte?

        Spontan wuerde ich einfach drauf tippen, dass Du am Rand noch den Hintergrund von body siehst. Der duerfte ja in deinem Browser standardmaessig auf weiss gesetzt sein und du veraenderst in in dem CSS, das Du hier praesentierst,ja auch nciht. Und da du padding auch nicht veraenderst, ist das voellig normal. Was das dann allerdings wieder mit Javascript oder gar Ajax zu tun hat, weiss ich nicht.

        Who knows, might help.