Tabelle anordnen

Hallo,
heutte habe ich wieder ein ähnliches Problem wie hier in dem Thread: http://hilfe.forumieren.com/t34254-tabellenverschiebung

ich möchte das diese "tabelle" nach dort wo das rote feld markiert ist verrutscht:
http://www.abload.de/img/verschieben39p6q.png

Aber so das ich dazwischen später nochmal ein Bild posten kann oder was anderes.

Ich habe die ganze zeit nochmal versucht es selbst zu hinzukriegen,aber nach fast 1 1/2 stunden bin ich ratlos.

Hier ist mein bisheriger Code:

Code:

<div style="margin:auto;text-align:center;width:79%"><div id="mes_onglets">
            <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/informationen2fsmv.png"></li>
                    <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/team6cs3m.png"></li>
                    <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://www.abload.de/img/rollenspielcys40.png"></li>
                    <div class="clear"><div id="mes_contenus">
                <div id="co_1" class="mon_contenu"><table border="0">
      <tr>
        <td><p><h1><u>Gründung</u></h1></p>

    <h3>28.10.11</h3>
    <p><h1><u>Eröffnung(Vom neuem Forum!)</u></h1></p>

    <h3>01.11.12</h3>
    <p><h1><u>Rollenspiel-Start</u></h1></p>

    <h3>00.00.00</h3></td>
        <td><td><div style="width:260px;font-size:10px;height:200px;overflow:auto;padding-left:10px;padding-right:10px;text-align:justify"> </div><div class="smartonglet">
<p class="outonglet">
<font color="#696969">Regeln</font></p><div class="inonglet"><a href="http://magicofwolves.ohmyforum.net/t2-chatregeln-forenregelnfaq" class="postlink">~Foren/Chatregeln~</a> <p></p>
<a href="http://magicofwolves.ohmyforum.net/t3-definition-von-caps-und-spam" class="postlink">~Definitionen~</a><p></p>
<a href="http://magicofwolves.ohmyforum.net/t9-die-planung" class="postlink">~Rollenspielregeln~</a></div>
</div><div class="smartonglet">
<p class="outonglet">
<font color="#808080">News</font></p><div class="inonglet"><a href="link" class="postlink">~...~</a><p></p>
<a href="link" class="postlink">~...~</a><p></p>
<a href="link" class="postlink">~...~</a></div>
</div><div class="smartonglet">
<p class="outonglet"><p></p>
</td>
      </tr>
    </table></div>
                <div id="co_2" class="mon_contenu" style="display: none;"><table width="100%"><tr><td>
    <table border="5">
          <tr>
            <th><img src="http://www.abload.de/img/traicebutton00rlz.png"></th>
            <th><img src="http://www.abload.de/img/suszuributtono6oc2.png"></th>
          </tr>
          <tr>
            <td><span style="color:white"><h1><u>Forenmama</u></h1></span>
        <p><span style="color:white">-Codiererin</span></p>
        <p><span style="color:white">-Forendesingerin</span></p></td>
            <td><span style="color:white"><h1><u>2.Administratorin</u></h1></span>
        <p><span style="color:white">-Forendesingerin</span></p>
        <p><span style="color:white">-Forenpolizei</span></p></td>
          </tr></table>
          </td><td align="right">
        <table border="5">
          <tr>
            <th><img src="http://www.abload.de/img/mayroonbuttoni9rd5.png"></th>
            <th><img src="http://www.abload.de/img/schattentanzbuttonhfrqm.png"></th>
          </tr>
          <tr>
            <td><span style="color:white"><h1><u>1.Co-Admina</u></h1></span>
        <p><span style="color:white">-Co-Admin Leiterin</span></p>
        <p><span style="color:white">-Gesetzeswächterin</span></p></td>
            <td><span style="color:white"><h1><u>2.Co-Admina</u></h1></span>
        <p><span style="color:white">-Gesetzeswächterin</span></p>
        <p><span style="color:white">-Rechte Pfote</span></p></td>
          </tr>
        </table>
        </td></tr></table></div>
                <div id="co_3" class="mon_contenu" style="display: none;">Das ist der Text des dritten Fensters.</div>
            </div></div></ul></div>

Tja...ich hab so meine Probleme mit tabellen,war schon immer so

Hallo,

der Code ist ja recht fehlerhaft. Sieh dir unbedingt mit einem richtigen Editor nochmal alle Tags an, dann wirst du alleinstehende auch schneller entdecken.

Dein Abstand wird dadurch erzeugt:

Code:

<div style="width:260px;font-size:10px;height:200px;overflow:auto;padding-left:10px;padding-right:10px;text-align:justify"></div>

Wenn du dieses derzeit zwecklose Element entfernst, verschwindet auch der Abstand (height: 200px). Dann richtest du die rechte Zelle mit align="right" noch rechtsbündig aus und du hast dein Wunschergebnis.

Liebe Grüße
Günther

awww okay den rest werde ich dann hinbekommen.

nur ich weiß noch nicht wie ich das abstelle das wenn cih zb. über "regeln" hover und das dann diese scroll leiste entsteht.

I-wie bin ich gerad viel zu müde dafür um i-was zu erkennen:sleep:


EDIT!:Raww ich doof,ich muss ja nur den Owerflow wegmachen!

Dann bekommst du noch einen Tipp von mir.

<div style="width:260px;font-size:10px;height:200px;overflow:auto;padding-left:10px;padding-right:10px;text-align:justify"> </div>

Wird dazu:

<div style="width: 260px; font-size: 10px; height: 200px; padding-left: 10px; padding-right: 10px; text-align: justify; overflow: hidden !important;">

hmm also cih hab es jetzt so gemacht,das ich die owerflow zeile komplett gelöscht habe,also so:

<div style="width:260px;font-size:10px;height:200px;padding-left:10px;padding-right:10px;text-align:justify">

ist an sich ja das selbe prinzip.

Nicht ganz. Je nach Struktur und Browser kann es bei nicht definiertem overflow vorkommen, dass der Browser in bestimmten Situationen selbst eine Scrollbar hinzufügt.
Definierst du hingegen ausdrücklich, dass keine Scrollbar entstehen darf, hält sich der Browser unter allen Umständen daran. Das macht also schon einen Unterschied aus.

Aber deine Frage ist nun beantwortet und du hast auch bereits das Erledigt-Icon gesetzt. Dann wünsche ich dir nun eine gute Nacht.
-done-