tabelle verschiebt sich ????

  • hallo,

    mein problem:

    ich lege eine tabelle z.b mit 3 zeilen und spalten an. wie kann ich es anstellen das die zeilen sich nicht verschieben wenn ich sie mit buchstaben fülle.

  • Wie soll die Tabelle aussehen?
    Jede der drei Zeilen, soll auch drei spalten haben?

    Also allgemein kann man mit dem befehel "Width="grössenangabe""
    eine fixe weite einstellen.
    also z.B.:

    Code
    <table>
      <tr>
        <td width="50%">Der Text der in die Spalte soll</td>
      </tr>
    </table>


    Damit hat die erste Spalte in der ersten reihe eine fixe breite von 50% (es gehen wie üblich auch angaben wie px, em usw.)
    Der Text wird dann einfach umgebrochen!

    Viele Grüße

    Mir nicht

  • also hier mal mein quelltext zum testen.

    dort wo ich das wort verschiebung hineingeschrieben habe ist das problem. ich möchte in diese reihe mit links versehen was auch alles funzt nur diesen eine spalte "verschiebung" macht mir das problem sobald ich etwas hineinschreibe verändert sich ihre größe.


    code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Unbenanntes Dokument</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <style type="text/css">

    .langerbalken{
    background-image: url(langerb2.jpg);
    background-repeat:repeat-x;
    height:30px;
    }


    --!>

    </style>


    </head>

    <body leftmargin="0" topmargin="0" rightmargin="0">

    <table width="100%" border="1" cellspacing="0" cellpadding="0" >
    <tr>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td rowspan="6" colspan="3">1</td>
    <td width="5%"></td>
    <td width="5%"></td>
    <td width="5%"></td>

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


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


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

    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="6" rowspan="3">2</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>



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


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


    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="4">333333333333333333333344444</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>

    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td colspan="20">44444444444444444444444444444444444444</td>

    </tr>
    <tr>
    <td class="langerbalken"></td>
    <td class="langerbalken"></td>
    <td class="langerbalken"></td>
    <td class="langerbalken"></td>
    <td class="langerbalken" colspan="2">555</td>
    <td class="langerbalken" colspan="2">666</td>
    <td class="langerbalken" colspan="2">777</td>
    <td class="langerbalken" colspan="2">888</td>
    <td class="langerbalken" colspan="2">99343349</td>
    <td class="langerbalken" colspan="2">verschiebung</td>
    <td class="langerbalken"></td>
    <td class="langerbalken"></td>
    <td class="langerbalken"></td>
    <td class="langerbalken"></td>


    </tr>
    <tr>
    <td colspan="4" rowspan="29">11</td>
    <td colspan="12"></td>
    <td colspan="4" rowspan="29">12</td>

    </tr>
    <tr>
    <td colspan="9">tesrthrwehthrehtehtewfewfqfewfwqfe1wfweqqewffweffewfwefewfwfgffwewfweqfewfreer</td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9">tesrthrwehthrehtehtewfewfqfewfwqfe1wfweqqewffweffewfwefewfwfgffwewfweqfewfreer</td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>

    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>


    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>
    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    <tr>

    <td colspan="9"></td>
    <td></td>
    <td></td>
    <td></td>


    </tr>
    </table>


    </body>
    </html>


    danke für die schnelle antwort!

  • Sorry sieht deine Seite wirklich so aus?
    Keinerlei einrückung total zerfleddert.
    Und warum hast du in die meisten <td> Tags &nbsp reingemacht???

    Achso und wenn du einen Code wie diesen eingibst, solltest du oben über dem Antwortfenster einmal vor der eingabe des Code auf die Schaltfläche "Code" drücken und wenn du mit dem Code fertig bis nocheinmal!

  • Sorry das hier oben war ich, hatte mich falsch eingeloggt bzw. garnicht!

    Was möchtest du mit dem "NoBreakingSpace" in den <td> Tags bezwecken?

    Ich schätze, dass dein problem in deiner class="langerbalken" liegt.
    Wie sieht die klasse denn aus?

    Viele Grüße

    Mir nicht

  • moin ...

    In der Regel richtet sich eine Tabellenzelle nach ihrem Inhalt.

    Wenn die Zeichenkette länger ist als die Zelle, dann dehnt sich die Zelle aus. Im css gibt es ein paar Möglichkeiten das zu unterbinden. Nur ob das Sinn macht kann ich leider noch nicht aus Deinem Code erkennen.

    Befasse Dich mit den css Eigenschaften

    tabel-layout oder overflow

    gruß

  • also dieses "nobr" wird von viele editoren wie auch meinen automatisch gesetzt dar sonst die tabelle im browser nicht richtig angezeigt wird.
    vielleicht solltet ihr einfach mal den quelletxt kopieren und mal ausprobieren dann wißt ihr was ich meine ich kann in jeden spalte einen text einschreiben und solange der nicht größer ist als die eigentliche spalte gibt es auch kein problem. leider funzt das aber nicht in der spallte "verschiebung" sobald ich da auch nur einen buchstaben einschreibe verändert sich ihre größe. also über weiter hilfreiche vorschläage würde ich mich wirklich freuen

  • Code
    <td> 
      class="langerbalken"width="10%"colspan="2">verschiebung
    </td>

    Aber die Seite sieht sehr, sehr, sehr seltsam aus. Was willst du genau machn, dann kann ich dir vll. eine schönere Lösung verraten...

    Viele Grüße

    Mir nicht

  • habe das problem gelöst danke an alle und besonders an "topfblume" der tipp war hat mir geholfen. einfach im table "style="table-layout:fixed" einschreiben und schon geht alles :D

  • die seite ist nur ein test weil ich das problem schon öfters hatte also nicht auf das aussehen der code achten