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

Problem mit Tabelle

Status
Für weitere Antworten geschlossen.
A

assmaje

Neues Mitglied
Hab ein blödes Problem mit meiner Tabelle:

Oben auf meiner Webseite soll eine Leiste sein, in der auf der linken Seite das Suchfeld ist und auf der rechten diverse Links (Home und Impressum). Hab ich dann auch geschafft mit einer Tabelle, die eine Zeile und zwei Spalten hat...

Nur wird dadurch der Rest der Tabelle aus irgend einem Grund rechts verkleinert. :-(
Hoffe das ihr mir helfen könnt. :(

Hier der Code von der Startseite:

Code: 
<HTML>
<HEAD>
<TITLE>www.softmedia.de.nr | Home</TITLE>
<link rel="stylesheet" type="text/css" href="Style.css">
</HEAD>
<BODY>

  <table width="80%"; rules="cols"; border="0px"; cellspacing="0px"; cellpadding="0px"; align="center">

    <tr>
      <td bgcolor="#4C4C4C">

        <!-- Beginn Suche -->

        <form method=post action="planetsearchplus/planetsearchplus.php">
          <table border="0" cellspacing="5" cellpadding="0" align="left">
            <tr> 
              <td> 
                <input type="text" name="search_exp" class="sform">
              </td>

              <td> 
                <input type="submit" value="Finden!" name="submit" class="sbutton">
                <input type="hidden" name="exp_full" value="no" checked>
                <input type="hidden" name="exp_capital" value="no" checked>
              </td>
            </tr>
          </table>
        </form>

        <!-- Ende Suche -->

      </td>

      <td bgcolor="#4C4C4C"; align="right">

        <span style="font-size:12px">
          <a href="Home.html">Home</a> | <a href="Impressum.html">Impressum</a>&nbsp;&nbsp;
        </span>

      </td>
    </tr>

    <tr>
      <td bgcolor="#FF8C00">

        <div style="margin-left:20px">

        <br>
        <a href="Home.html"><img src="SL.png"; border="0"></a>

        <br>
        <span style="font-size:11px; color:#FFFFFF">
          Das große Downloadportal für deinen PC und deine PSP.
        </span>

        </div>

      </td>
    </tr>

    <tr>
      <td height="150"; align="center"; style="background-image:url(FV.png); background-repeat:repeat-x">

        <a href="PSP/PSP.html"><img src="PSP/PSP_Blau.png"; border="0"></a>
        <span class="Leerzeichen">
        <a href="PC/PC.html"><img src="PC/PC_Blau.png"; border="0"></a>
        </span>

      </td>
    </tr>

    <tr>
      <td bgcolor="#FFFFFF">

        <div style="margin-left:20px; font-size:12px; color:#4C4C4C">

        <h1>Willkommen!</h1>

        Diese <a href="Home.html">Seite</a> befindet sich momentan noch im Aufbau!

        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

        </div>

      </td>
    </tr>

    <tr>
      <td style="height:50px; background-image:url(FV2.png); background-repeat:repeat-x">

      </td>
    </tr>

  </table>

</BODY>
</HTML>
 
Zuletzt bearbeitet:
Hi
Setze einfach feste Grössen für die Zeilen/Tabelle mit
Code: 
    height: 40% 
    width: 34%
Geht natürlich auch mit pixeln statt in prozent,die Angabe wie die Werte sind ja nur Beispiele.

Hoffe konnte dir helfen,
Mfg

Minitaba
 
Hallo,

ich habe eine Webseite mit I-Frame mittendrin und drumrum eine Tabelle, in der Bilder sind, um das Drumrum zugestalten.

Ich hab ein ein bisschen was an I-Frame-Größe und Tabellen-Größe geändert und immer parallel in Firefox und Explorer geguckt ob auch alles passt. Aber jetzt auf einmal stellt's im Explorer plötzlich was falsch dar:

Der rechte Tabellenkasten, der rechts das iFrame begrenzt ist auf einmal nach rechts weggeschoben und beim Browserfenster skalieren verschiebts auch das ganze iFrame nach links.

Ich hab mir dann mit "border=1" nochmal alle Tabellenränder anzeigen lassen, falls irgendwo ne Lücke ist. Aber, wenn ich alle Ränder anzeigen lasse, dann ist's auf einmal wieder alles an seiner richtige Stelle... sind die Ränder auf "0" ist wieder verschoben.

Das gibts doch nicht... ich kann wirklich nichts finden, dass irgendwo vielleicht ne Lücke in der Tabelle sein soll oder irgendwas, was das Verschieben verursacht.

Der Code:
Code: 
<title>entwurf hp</title>
 
<script>
<!--
hier steht scriptzeug...dürfte ja nix damit zu tun haben
}
}
;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
        </head>
                    <body  topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" style="overflow:hidden;margin:0px;height:100%;padding:0px;" >
<table align="center" height="100%" border="0" cellpadding="0" cellspacing="0" style="border-left:dotted 1px #def801;border-right:dotted 1px #def801;">
<tr>
<td height="100%">
        <table cellpadding="0" cellspacing="0" border="0">
        <tr>
                <td colspan="3"><img width="800" height="50" src="images/ob.jpg" border="0"></td>
        </tr>
        <tr>
                <td colspan="3"><img width="800" height="13" src="images/leisteob.jpg" border="0"></td>
        </tr>
         <tr>
                <td background="images/li.jpg"  width="50" height="350">&nbsp;</td>
                <td width="696" height="350"><!-- iframe-start -->
<iframe src="inhalt.html" width="696" height="350" name="haupt" border="0" frameborder="0" scrolling="auto"></iframe>
<!--iframe-end--></td>
                <td><img width="50" height="350" src="images/re.jpg" border="0"></td>
        </tr>
        <tr>
                <td colspan="3" ><img width="800" height="13" src="images/leisteun.jpg" border="0"></td>
        </tr>
        <tr>
        <td align="center"    background="images/un.jpg"         colspan="3" width="800" height="59" >
<table align="center"   id="menu"   border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td >
<a href="inhalt.html" target="haupt" onfocus="this.blur()">Link 1&nbsp;<span style="color:white" >&nbsp;•&nbsp;</span>&nbsp;</a></td>
<td >
<a href="inhalt.html" target="haupt" onfocus="this.blur()">Link 2&nbsp;<span style="color:white" >&nbsp;&nbsp;</span>&nbsp;</a></td>
</tr>
 
 
</table>
 
        </td>
</tr>
</table>
</td>
</tr>
</table>
</body>

Falls noch die restlichen Dateien benötigt werden, sind die hier
http://rapidshare.com/files/94613403/fehlerhafte_HP.rar.html
ladbar.

Würde mich wahnsinnig über eine Lösung freuen, da ich nach tausendmal Umstellen und Umändern den Fehler nicht finden konnte.
 
Ich habs mal versucht zu validieren. Ich habe außerdem noch den DOCTYPE und loose.dtd ergänzt.

Folgende Fehler kommen außerdem noch:

Line 37, Column 28: there is no attribute "TOPMARGIN".
<body class="inl" topmargin="10" marginheight="10" leftmargin="10" marginwidth=✉
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
Zum Vergrößern anklicken....

Das selbe wird noch für diese diversen Rand- und Höhenangaben gemeldet (MARGINHEIGHT, LEFTMARGIN, MARGINWIDTH, SCROLL).

Ich weiß aber bei denen nicht, was ich ändern muss. Irgendwas im Dokumenttyp???

EDIT:
Hab grad gelesen, man muss das in CSS machen.
Also die HTML-Datei greift zumindest, für so Schriftgestaltungsachen usw. auf eine CSS-Datei zu. Wie ich jetzt eine Tabelle in CSS definiere, weiß ich nicht. Ich dachte eigentlich immer, in CSS halt Schriftlook oder zur Not "Kästen" (divs). Wie definiere ich die Tabellenfenster in der CSS-Datei? Hat jemand irgendwo eine Beispielseite/Beispiel-CSS?

EDIT2:
Würdet ihr mir vom Verwenden eines iFrames total abraten?
Ich sag mal wenn das mit der rechten Seite nicht wär gings ja. Und ich weiß auch keine andere Alternative. Irgendwie mit Frameset (inneres Fenster muss auch nicht unbedingt scrollbar sein)?! Aber verschieben sich dann nicht die Hintergrundbilder?
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben