Bessere Lösung als position:relative;??

  • Hallo ich brauch mal eure Hilfe. Ich weiss nicht wo der Fehler liegt. Ich habe auf meiner Page (http://www.urner-meitlibei.ch/test.php) ein Problem.

    Ich habe per
    <div style="position:relative; left:142px; top:-142px;"><a href="test.php">
    </a></div>
    Meine Linkbuttons eingefügt. Nur hat es mir jetzt irgendwie oder irgendwo einen Abstand am ende der Page gemacht (auf allen anderen Seiten ist der Abstand bereits am Anfang). Nun möcht ich wissen liegt dass am position:relative;? Oder was kann es sonst sein? Und gibt es eine andere Lösung als position:relative;? ein weiteres Prob ist nämlich dass die Richtungsangaben scheinbar nur bei IE stimmt, mit Mozilla verschiebt es mir die Links ganz wenig auf die seiten.

    Für Eure hilfe bin ich euch sehr dankbar.

    Hier noch der Quellcode


    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="expires" content="15 days">
    <meta name="revisit" content="after 20 days">
    <meta name="keywords"
    content="Urner Meitlibei,webseite,page,internet,seite, Biel Kinzig, Bürglen, Meitlibei, Party, Snowboard, Sunnehalb, Gumpätä, Uri, Urner ziw, Furger, mäsä, chrigu,balke, homepage webseite page internet seite webdokument ">
    <meta name="description"
    content="Urner Meitlibei,webseite,page,internet,seite, Biel Kinzig, Bürglen, Meitlibei, Party, Snowboard, Sunnehalb, Gumpätä, Uri, Urner,bier ">
    <title>Urner Meitlibei </title>


    <link rel="stylesheet" href="format.css" type="text/css">

    </head>
    <body >


    <table align="center" bgcolor="#C6790C" cellspacing="0" cellpadding="0" border="0" width="860" style="overflow:no">

    <td bgcolor="" >
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="overflow:no">

    </td>


    <tr>

    </tr>
    <tr>
    <div style="position:relative; left:142px; top:-142px;"><a href="test.php">
    </a></div>
    <div style="position:relative; left:238px; top:-180px;"></div>
    <div style="position:relative; left:350px; top:-269px;"></div>
    <div style="position:relative; left:460px; top:-369px;"></div>
    <div style="position:relative; left:548px; top:-490px;"></div>
    <div style="position:relative; left:668px; top:-605px;"></div>


    </tr>


    <td bgcolor="C6790C" valign="middle" width="100%" height="400" align="center">

    <table bgcolor="#C6790C" width="826" height="600" border="0" cellpadding="0" cellspacing="0" >

    </table>

    <td valign="top" width="*%" bordercolor="#000000" >


    <div style="position:absolute; left:269px; top:235px;"></div>
    <iframe frameborder="1" style= "position:absolute; left:280px; top:268px;" src="/tsnews4/news.php" width="410" height="350" > </iframe>


    <td valign="top" align="center" bordercolor="#c0c0c0" bgcolor="#ffffff" width="*%" style="border-top:solid 1px #ffffff;border-left:1px dotted #aaa;border-right:solid 1px #ffffff;border-bottom:" bordercolor="#808080">

    <div style="position:absolute; left:710px; top:250px;"></div>
    <div style="position:absolute; left:723px; top:268px;">[Blockierte Grafik: http://www.bielkinzig.ch/webcam/webcam.jpg
    </div>


    <div style="position:absolute; left:80px; top:430px;"></div>
    <div style="position:absolute; left:93px; top:448px;">[Blockierte Grafik: http://www.slf.ch/avalanche/nbkdc.gif]


    </div>


    <div style="position:absolute; left:80px; top:250px;"></div>
    <div style="position:absolute; left:93px; top:268px;">[Blockierte Grafik: http://data.blick.ch/wetter/tafel_klein_aussichten.gif
    </div>


    <tr>
    <td height="30" valign="bottom" align="center" ><table height="30" cellspacing="0" cellpadding="0" border="0" id="menu2" >
    <tr>
    <td>|Impressum</td>
    <td>|Kontakt</td>
    <td>|G&auml;stebuch</td>
    <td>|Rechtliches</td>
    <td>|Home|</td>
    </tr>
    </tr>


    </table>


    <tr>


    <td bgcolor="black" height="30" align="center" style="border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px white" ><span style="font-size:8pt;color:#ffffff;" >http://www.urner-meitlibei.ch</span><font color="silver"> Sponsored by ..... Hier könnte Ihr Logo stehen (Sponsoringinfos unter >> Edit by Admin :Das Posten von Email-Adressen ist hier nicht gestattet <<<font color="white">
    <?
    $pfad = "mysql_counter/";
    include ($pfad."counter.php");
    ?> </td> </td></font>

    </tr>
    </table></td>
    </tr>
    </table>


    </body>
    </html>

  • Ähem....

    Wenn du mit Tabellen arbeitest (was absolut o.K. ist) - wozu dann noch die vielen Div-Tags?
    Ohne den Quelltext jetzt genauer angesehen zu haben (der ist mir zu unübersichtlich, allein schon weil er nicht in Code-Tags gelegt wurde) behaupte ich mal, daß man mit ~ 50% weniger Quelltext das gleiche Ergebnis erreichen kann.
    Verzichte auf unnötige (Div)-Tags, formatiere alles vernünftig mit Stylesheets und reich vor allem einmal eine URL rüber, damit man sich dein Problem ansehen kann.

    G.a.d.M.

    Ronald