Webocton - Community

Webocton - Community - Forum

Zum Inhalt

Verschobene Tabelle in HTML

Allgemeine Diskussionen, sonstige Fragen und Plauder-Ecke
Antwort erstellen

Verschobene Tabelle in HTML

Beitragvon Fredl45 » 14.01.2012 10:27

Ich habe folgendes Problem auf meiner Homepage http://www.wbv-donau-iller.de. Unter Historie sind Tabellen hinterlegt, die bei mir in der Browseransicht korrekt eingebunden sind, aber auf anderen PC's
nach rechts verschoben sind. Wo liegt das >Problem wer kann mir da helfen ?
Folgende Codes habe ich:
HTML-Datei:

Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Entwickelt von Avanquest Technology v:7.1. Für Informationen besuchen Sie uns bitte im Internet unter: http://www.avanquest.com -->
<html lang="de">
<head>
   <title> Produkte </title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta http-equiv="Content-Style-Type" content="text/css;">
   <link rel="stylesheet" href="vorschau_g.css" type="text/css" media="screen,projection,print">   <!--// Document Style //-->
   <link rel="stylesheet" href="geschichte_p.css" type="text/css" media="screen,projection,print">   <!--// Page Style //-->
</head>


<body>
<div id="page">
      <span id="e26" class="header_box"></span>
   <div id="e25" class="panel_box"></div>
   <div id="e24" class="page_box"></div>
   <h3 id="e23" class="heading3"><span class="sly">
      Bezirk Donau Iller
   </span></h3>
   <span id="e22"></span>
   <div id="e21" class="navigation">
      <a class="navigation" href="index.html">
      Startseite</a>
   </div>
   <span id="e20"></span>
   <span id="e19"></span>
   <span id="e18"></span>
   <span id="e17"></span>
   <span id="e171"></span>
   <span id="e172"></span>
   <div id="e16" class="navigation">
      <a class="navigation" href="wir.htm">
      Wir über uns</a>
   </div>
   <div id="e15" class="navigation">
      <a class="navigation" href="kegel.htm">
      Kegeln</a>
   </div>
   <div id="e14" class="navigation">
      <a class="navigation" href="tt.htm">
      Tischtennis</a>
   </div>
   <div id="e13" class="navigation">
      <a class="navigation" href="link.htm">
      Links</a>
    </div>
      <div id="e131" class="navigation">
      <a class="navigation" href="nutz.htm">
      N&uuml;tzliches</a>
   </div>
       <div id="e132" class="navigation">
      <a class="navigation" href="geschichte.htm">
      Historie</a>
   </div>
       <span id="e1001"></span>
       <span id="e101"></span>
    <div id="e11" class="navigation">
      <a class="navigation" href="kgesch.htm">
      Kegeln</a>
    </div>
         <div id="e111" class="navigation">
      <a class="navigation" href="ttgesch.htm">
      Tischtennis</a>
    </div>

    <h1 id="e7" class="header"><span class="sly">
      Baden Württembergischer
      Betriebssportverband
   </span></h1>
   <span id="e6"></span>
   <span id="e5"></span>
   <span id="e40">  <a href="kgesch.htm">Punkterunde</a><br />
          <a href="kgesch2.htm">Paarkampfrunde</a><br />
                 <a href="kgesch3.htm">Paarkampfpokal</a><br />
    <a href="kgesch4.htm">Bezirksmeisterschaft - Einzel</a>
    </span>
    <span id="e401">
    <h1>Punkterunde A-Gruppe</h1>
    </span>
    <span id="e402">
   <a href="kgesch6.htm">Bezirksmeisterschaft  - Mannschaft</a><br />
          <a href="kgesch7.htm">Schnittlisten</a><br />
                 <a href="kgesch5.htm">Preiskegeln</a>
     </span>

           <span id="e403">
   <a href="kgesch11.htm"><h5>Punkterunde B-Gruppe</h5></a>

     </span>
       <span id="e404"></span>
</div>


   <span id="e3" class="cc02"></span>
    <div id="e2">
   <table border="1" cellpadding="1" cellspacing="1" bgcolor="#7F7F99" summary="">
    <tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h5>Jahr</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>1.Platz</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>2.Platz</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>3.Platz</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>4.Platz</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>5.Platz</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>6.Platz</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>7. Platz</h5></td>
        <td style="text-align: center; vertical-align: middle; width: 84px;"><h5>8.Platz</h5></td>
    </tr>
          </table>
    <table border="1" cellpadding="0" cellspacing="0" bgcolor="#E5E5D9" summary="">
    <tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2001</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur II</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Mohren I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
    <tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2002</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Mohren I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur II</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>SWP</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Cemicals</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Immergrün</h6></td>
    </tr>
    <tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2003</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Mohren I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur II</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
    <tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2004</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Immergrün I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur II</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
    <tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2005</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>ODAiT I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Immergrün I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Airpur II</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
    <tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2006</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Merkle I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Immergrün I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>ODAiT I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
<tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2007</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Holzwurm</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Merkle I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Immergrün I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
<tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2008</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Merkle I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Holzwurm</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>BakeMark</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
<tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2009</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Merkle I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>ODAiT I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Holzwurm</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
<tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2010</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>ODAiT I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Merkle I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Holzwurm I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>BakeMark</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Etimex</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
<tr>
        <td style="text-align: center; vertical-align: middle; width: 50px;"><h6>2011</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>ODAiT I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Straub</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Holzwurm I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Volksbank</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Merkle I</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>Boehringer</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
        <td style="text-align: center; vertical-align: middle; width: 85px;"><h6>-</h6></td>
    </tr>
</table>
</div>

   <span id="e1"></span>
</div>
</body>
</html>


CSS-Datei:
Code: Alles auswählen
/*--- Avanquest WebEasy Page Style ---*/


.cc01               { /* Common */
   font            : 16px 'Arial', Helvetica, sans-serif;
   color           : #000000;
   }
.cc02               { /* Common */
   border          :   0px solid #000000;
   clip            : rect(0px,1px,4px,0px);
   }
span#e26            { /* images/vorschau001006.jp... */
   background      : transparent url(images/vorschau001006.jpg) no-repeat top left;
   position        : absolute;
   left            :   0px;
   top             :   0px;
   width           :1024px;
   height          : 182px;
   }
div#e25             {
   font            : 13px 'Times New Roman', Book, Georgia, serif;
   text-align      : left;
   background-color: transparent;
   background-image: url(images/shadow_box2.jpg);
   position        : absolute;
   left            :   0px;
   top             : 182px;
   width           : 260px;
   height          : 589px;
   }
div#e24             {
   font            : 16px 'Arial', Helvetica, sans-serif;
   text-align      : left;
   background-color: transparent;
   background-image: url(images/hatch_y4.jpg);
   position        : absolute;
   left            : 130px;
   top             : 182px;
   width           : 889px;
   height          : 585px;
   }
h3#e23              { /* Bezirk Donau Iller\ */
   background      : transparent url(images/vorschau001005.gif) no-repeat top left;
   position        : absolute;
   left            :  25px;
   top             : 105px;
   width           : 465px;
   height          :  59px;
   }
span#e22            { /* images/tabr_r.gif */
   background      : transparent url(images/tabn_r.gif) no-repeat top left;
   position        : absolute;
   left            : 294px;
   top             : 149px;
   width           : 104px;
   height          :  33px;
   }
div#e21             { /* Home */
   padding-top     :   4px;
   position        : absolute;
   left            : 294px;
   top             : 154px;
   width           : 101px;
   height          :  21px;
   }
span#e20            { /* images/tabn_p.gif */
   background      : transparent url(images/tabn_p.gif) no-repeat top left;
   position        : absolute;
   left            : 396px;
   top             : 149px;
   width           : 104px;
   height          :  33px;
   }
span#e19            { /* images/tabn_v.gif */
   background      : transparent url(images/tabn_v.gif) no-repeat top left;
   position        : absolute;
   left            : 498px;
   top             : 149px;
   width           : 104px;
   height          :  33px;
   }
span#e18            { /* images/tabn_g.gif */
   background      : transparent url(images/tabn_g.gif) no-repeat top left;
   position        : absolute;
   left            : 600px;
   top             : 149px;
   width           : 104px;
   height          :  33px;
   }
span#e17            { /* images/tabn_b.gif */
   background      : transparent url(images/tabn_b.gif) no-repeat top left;
   position        : absolute;
   left            : 702px;
   top             : 149px;
   width           : 104px;
   height          :  33px;
   }

span#e171            { /* images/tabn_b.gif */
   background      : transparent url(images/tabn_w.gif) no-repeat top left;
   position        : absolute;
   left            : 804px;
   top             : 149px;
   width           : 104px;
   height          :  33px;
   }
span#e172           { /* images/tabn_b.gif */
   background      : transparent url(images/tabr_y.gif) no-repeat top left;
   position        : absolute;
   left            : 906px;
   top             : 149px;
   width           : 104px;
   height          :  35px;
   }

div#e16             { /* Wir über uns */
   padding-top     :   4px;
   position        : absolute;
   left            : 398px;
   top             : 154px;
   width           : 101px;
   height          :  21px;
   }
div#e15             { /* Kegeln */
   padding-top     :   4px;
   position        : absolute;
   left            : 501px;
   top             : 153px;
   width           : 101px;
   height          :  21px;
   }
div#e14             { /* Tischtennis */
   padding-top     :   4px;
   position        : absolute;
   left            : 604px;
   top             : 154px;
   width           : 101px;
   height          :  21px;
   }
div#e13             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 707px;
   top             : 154px;
   width           : 101px;
   height          :  21px;
   }
div#e131            { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 810px;
   top             : 154px;
   width           : 101px;
   height          :  21px;
   }
div#e132             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 913px;
   top             : 154px;
   width           : 101px;
   height          :  21px;
   }

span#e10              { /* Wir */
   background      : transparent url(images/button9.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 225px;
   width           : 156px;
   height          :  29px;
   }
span#e101              { /* Wir */
   background      : transparent url(images/button9.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 271px;
   width           : 156px;
   height          :  29px;
   }
span#e1001              { /* Wir */
   background      : transparent url(images/button5.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 225px;
   width           : 156px;
   height          :  29px;
   }
span#e1002              { /* Wir */
   background      : transparent url(images/button5.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 271px;
   width           : 156px;
   height          :  29px;
   }
span#e102              { /* Wir */
   background      : transparent url(images/button9.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 317px;
   width           : 156px;
   height          :  29px;
   }
span#e103              { /* Wir */
   background      : transparent url(images/button9.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 363px;
   width           : 156px;
   height          :  29px;
   }
span#e104              { /* Wir */
   background      : transparent url(images/button9.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 409px;
   width           : 156px;
   height          :  29px;
   }
span#e105              { /* Wir */
   background      : transparent url(images/button9.jpg) no-repeat top left;
   text-align      : left;
   position        : absolute;
   left            : 154px;
   top             : 455px;
   width           : 156px;
   height          :  29px;
   }


div#e11             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 154px;
   top             : 225px;
   width           : 156px;
   height          :  29px;
   }
   div#e111             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 154px;
   top             : 271px;
   width           : 156px;
   height          :  29px;
   }
     div#e112             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 154px;
   top             : 317px;
   width           : 156px;
   height          :  29px;
   }
     div#e113             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 154px;
   top             : 363px;
   width           : 156px;
   height          :  29px;
   }
      div#e114             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 154px;
   top             : 409px;
   width           : 156px;
   height          :  29px;
   }

         div#e115             { /* Links */
   padding-top     :   4px;
   position        : absolute;
   left            : 154px;
   top             : 455px;
   width           : 156px;
   height          :  29px;
   }


h1#e7               { /* Baden Württembergischer ... */
   background      : transparent url(images/vorschau001004.gif) no-repeat top left;
   position        : absolute;
   left            :  25px;
   top             :  24px;
   width           : 401px;
   height          :  91px;
   }
span#e6             { /* images/vorschau001003.jp... */
   background      : transparent url(images/vorschau001003.jpg) no-repeat top left;
   position        : absolute;
   left            : 806px;
   top             :  13px;
   width           :  91px;
   height          : 103px;
   }
span#e5             { /* images/vorschau001002.gi... */
   background      : transparent url(images/vorschau001002.gif) no-repeat top left;
   position        : absolute;
   left            : 919px;
   top             :  13px;
   width           :  87px;
   height          : 104px;
   }

span#e3             { /* images/vorschau001001.gi... */
   background      : transparent url(images/vorschau001001.gif) no-repeat top left;
   position        : absolute;
   left            : 324px;
   top             : 531px;
   width           :   1px;
   height          :   4px;
   }

    div#e408             { /* <TABLE class="ct16" cell... */
   position        : absolute;
   left            : 480px;
   top             : 480px;
   width           : 700px;
   height          : 450px;
    }
span#e4              { /* Bild. */
   background      : transparent url(images/gesch.png) no-repeat top left;
   position        : absolute;
   left            :  560px;
   top             :  270px;
   width           :  140px;
   height          :  160px;
   }
        span#e40             { /* Bild. */
   position        : absolute;
   left            :  380px;
   top             :  220px;
   width           :  250px;
   height          :  160px;
   }
          span#e401             { /* Bild. */
   position        : absolute;
   left            :  210px;
   top             :  340px;
   width           :  700px;
   height          :  560px;
   }
         span#e402             { /* Bild. */
   position        : absolute;
   left            :  700px;
   top             :  220px;
   width           :  270px;
   height          :  160px;
   }
       span#e403             { /* Bild. */
   position        : absolute;
   left            :  800px;
   top             :  720px;
   width           :  180px;
   height          :  60px;
   }
     span#e404              { /* Bild. */
   background      : transparent url(images/pfeil.jpg) no-repeat top left;
   position        : absolute;
   left            :  780px;
   top             :  720px;
   width           :  16px;
   height          :  23px;
   }
         span#e405             { /* Bild. */
   position        : absolute;
   left            :  840px;
   top             :  300px;
   width           :  180px;
   height          :  360px;
   }
   span#e406              { /* Bild. */
   background      : transparent url(images/pfeil.jpg) no-repeat top left;
   position        : absolute;
   left            :  820px;
   top             :  300px;
   width           :  16px;
   height          :  23px;
   }
div#e2              { /* <TABLE class="ct16" cell... */
   position        : absolute;
   left            : 273px;
   top             : 461px;
   width           : 750px;
   height          : 450px;
   }
span#e1              { /* <TABLE class="ct01" cell... */
   position        : absolute;
   left            :   2px;
   top             : 693px;
   width           : 140px;
   height          :  29px;
   }
div#page            { /* Page Holder */
   background      : transparent url(images/schwarz.jpg) no-repeat top left;
   position        : relative;
   width           : 1024px;
   height          : 772px;
   text-align      : left;
   margin-left     : auto;
   margin-right    : auto;
   }
body                { /* Page Body */
   text-align      : center;
   background      : transparent url(images/schwarz.jpg) no-repeat top left;
   }



/*--- EndOfFile ---*/


Ich hoffe das jemand das Problem lösen kann.
Danke Fred
Zuletzt geändert von Benedikt Loepp am 14.01.2012 17:48, insgesamt 2-mal geändert.
Grund: Code-Tags ergänzt ;-)
Fredl45
 
Beiträge: 9
Registriert: 02.01.2012 17:07
Nach oben

Advertisement



Registrieren Sie sich, um diese Anzeige nicht mehr zu sehen!
 

Re: Hilfe

Beitragvon raum40302 » 14.01.2012 16:19

Hallo,

der Valdidator schmeißt ein paar kleinere Fehler aus <br /> ist xhtml du solltest schreiben <br> da du kein Xhtml schreibst. Der Anker <a> ist ein Inline Element das darf keine Blockelemente wie Überschriften <h1-6> enthalten. Die Beseitigung dieser Fehler ändert sicher nichts an deinem Problem mit der Verschobenen Tabelle.

Was für ein Browser nutzt du denn zum ansehen? Bei mir IE8 und Firefox3.6 ist es auch verschoben (ie6 und 7 nochmehr verschoben).

Vermutung:
Die Tabelle ist schlichtweg zubreit, ich habe mal die anderen Tabellen in der Breite durchgerechnet da komme ich auf ca. 720 bei den Tabellen die rausragen sind es ca. 750 und du beginnst immer ander selben Stelle left : 273px. Rein rechnerisch sollte es reichen aber wie du siehst reicht es nicht um ca.geschätzete 25 - 30 px. Ich würde mal das div "e2" mit einem Rahmen 1px solid blue versehen und mal schauen wie die Tabellen sich darin verhalten und wo das div begint und wo es endet das gibt mir oft aufschluß über sollche Probeme.
Vermutung Ende.
Warum umgehst du das nicht und vermittelst das div "e2"??
Bei den Tabellen bei denen es passt ist die untere Tabelle ca. 1-2px zuschmal.

Gruß Markus
raum40302
Engagiertes Mitglied
 
Beiträge: 193
Registriert: 05.02.2011 23:18
Wohnort: Am Bodensee
Nach oben

Re: Hilfe

Beitragvon Fredl45 » 14.01.2012 17:31

Mal danke für die Tipps, vorweg ich hab das Programm mit dem Webocton-Scriptly geschrieben. Wenn ich dort statt dem <br /> ein <br> setz meldet er mir das als Fehler.
Aber egal das eigentliche Problem hab ich immer noch. Wenn ich den border setz, bin ich mittig drin wie ich es will, allerdings sagen andere das es dann rechts rausragt.
Ich hab den IE8 drauf und den Firefox in beiden gehts rechts raus...
Fredl45
 
Beiträge: 9
Registriert: 02.01.2012 17:07
Nach oben

Re: Hilfe

Beitragvon Benedikt Loepp » 14.01.2012 17:58

Hi,
Fredl45 hat geschrieben:Mal danke für die Tipps, vorweg ich hab das Programm mit dem Webocton-Scriptly geschrieben. Wenn ich dort statt dem <br /> ein <br> setz meldet er mir das als Fehler.

Das hängt davon ab, ob du HTML oder XHTML verwenden möchtest. Du verwendest HTML (siehe Doctype), dann musst du auch den Scriptly entsprechend einstellen, damit dir das nicht mehr als Fehler angezeigt wird. Dies geht unter 'Optionen | Allgemein | Highlighter'. Dann kannst du auch das in deinem Fall korrekte <br> verwenden, ohne dass dir der Scriptly einen Fehler anzeigt.

Fredl45 hat geschrieben:Aber egal das eigentliche Problem hab ich immer noch. Wenn ich den border setz, bin ich mittig drin wie ich es will, allerdings sagen andere das es dann rechts rausragt.
Ich hab den IE8 drauf und den Firefox in beiden gehts rechts raus...

Es ragt rechts heraus? Ich hab mir das Ganze mal angeguckt, und bei mir ragen die Tabellen links heraus?
Davon ab stelle ich mir dir Frage, wieso du das Div "e2" nicht einfach in das "page"-Div mit reinpackst? Damit hättest du dieses auf jeden Fall innerhalb der Seite :)

Schönen Gruß, Benedikt Loepp
Benedikt Loepp
Administrator
 
Beiträge: 2729
Registriert: 17.06.2005 18:30
Wohnort: Lünen
Nach oben

Re: Verschobene Tabelle in HTML

Beitragvon Fredl45 » 14.01.2012 18:04

Hallo,
danke mal für diese Antwort dazu zwei Fragen:
Die Einstellung in Webocton also unter dem Pfad steht bei Highlighter HTML etwas weiter unten bei HTML im Auswahlkästen XHTML 1.0 trans.. muss ich es da ändern und wenn ja in was ? HTML 5.0 oder ?
Ja sorry natürlich ragt es links raus...
und wie soll ich das in die page einarbeiten bin da nicht so fit ??
Danke für die Hilfe
Fred
Fredl45
 
Beiträge: 9
Registriert: 02.01.2012 17:07
Nach oben

Re: Verschobene Tabelle in HTML

Beitragvon Inge » 14.01.2012 21:39

Hallo,

wenn ich das richtig sehe, hast Du online aktuell in Stylesheet stehen:
div#e2 { /* <TABLE class="ct16" cell... */
position : absolute;
left : 473px;


Warum positionierst Du das DIV soweit nach rechts?
Plus Tabellenbreite ragt das also je nach Fenstergröße(Bildschirm) mehr oder weniger heraus.

Gruß
Inge
Scriptly Version: 0.8.95.6
Inge
Ambitioniertes Mitglied
 
Beiträge: 86
Registriert: 22.08.2010 13:08
Nach oben

Re: Verschobene Tabelle in HTML

Beitragvon Benedikt Loepp » 14.01.2012 22:23

Fredl45 hat geschrieben:Die Einstellung in Webocton also unter dem Pfad steht bei Highlighter HTML etwas weiter unten bei HTML im Auswahlkästen XHTML 1.0 trans.. muss ich es da ändern und wenn ja in was ? HTML 5.0 oder ?

Der Doctype in deinem Dokument was du oben gepostet hast sieht wie folgt aus:
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


Dann solltest du diesen auch im Scriptly einstellen, also HTML 4.01 Transitional... Aber das hat alles nur bedingt mit deinem eigentlichen Problem zu tun ;)

Aber jetzt ragt es tatsächlich rechts heraus?! Ich bin etwas verwirrt, zumindest sollte der Hinweis von Inge ebenfalls weiterhelfen. Was ich weiter oben meinte: Du hast ein Div-Tag "page". Dieses schließt fast den gesamten Inhalt der Seite ein. Nur dein Div "e2", welches die Tabelle beinhaltet, ist außerhalb. Also etwa so:
Code: Alles auswählen
<div id="page">Der ganze Inhalt...</div>
<div id="e2">Die Tabelle...</div>


Wieso ist das Div mit der Tabelle nicht innerhalb des page-Divs? Dann könntest du dieses auch relativ an dem ausrichten... Du solltest dich außerdem evtl. mal gezielt etwas mit den Grundlagen im Bereich CSS und Positionierung auseinandersetzen :)

Übrigens gibts auch ein paar gute Foren, die sich explizit mit HTML- und CSS-Problemen auseinandersetzen. Sicherlich wird dir auch hier gern geholfen (wie du ja siehst), evtl. bekommst du in Foren, die extra für diesen Zweck gedacht sind, aber schneller Hilfe als hier ... schließlich handelt es sich hier ja hauptsächlich um ein Forum, wo es um Scriptly-spezifische Probleme geht... ;)

Schönen Gruß,
Benedikt Loepp
Benedikt Loepp
Administrator
 
Beiträge: 2729
Registriert: 17.06.2005 18:30
Wohnort: Lünen
Nach oben

Re: Verschobene Tabelle in HTML

Beitragvon Fredl45 » 27.01.2012 09:54

Vielen Dank hab den Fehler gefunden, Sache erl.
Fredl45
 
Beiträge: 9
Registriert: 02.01.2012 17:07
Nach oben
Antwort erstellen

Zurück zu Off-Topic



Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Powered by phpBB® Forum Software © phpBB Group
Deutsche Übersetzung durch phpBB.de
phpBB SEO
cron