Tabelle im Content verschiebt sich mysteriös

[penell]

Hallo
Also entweder bin ich gerade mal wieder unfähig oder halt einfach nur wissenlos.
Ich wollte mir im Content unter Informationen eine Kategorie machen wo ich ein Glossar erstelle, nun wollte ich dort eine Tabelle einfügen. Aber wenn ich Sie z.b. 2 spaltig mache verschiebt sich die zweite Spalte immer kleiner werdend. Also wenn ich was vorne eingebe verschwindet die hintere Zelle, was muss ich da einstellen?
Hoffe Ihr wisst was ich versucht habe zu erklären  



Linkback: https://www.modified-shop.org/forum/index.php?topic=5966.0

[jannemann]

Hallo Penell,

ich kann dir NVU empfehlen. Damit kannst du dir deine Tabelle erstellen und kopierst dann einfach den Quelltext in die Contentseite.
Du kannst mit NVU auf einfachem Wege den Tabellen eine feste Breite geben.

Schöne Grüße,
Jan

[penell]

habe es mir gerade mal angeschaut, welche Version hast da genommen? Bei Downloads sind ja elend viele Versionen, die neueste NVU 1.0 ?

Frage mich aber trotzdem wieso das sich im Content verschiebt, ich meine wenn dort eine Tabellenfunktion ist, dann müsste die doch auch laufen, oder?
Oder ist es einfach eine Einstellungssache?

Gruss

[guensi]

Ja, ist einfach eine Einstellungssache. Du musst - wenn es so gewünscht ist - den Tabellenspalten eine feste Breite geben. Dann verschiebt sich da nix mehr. Es sei denn, du würdest in der Tabelle Content einfügen, der sich nicht umbrechen lässt, z.B. ein zu breites Bild etc.

Zu beachten ist dabei, dass eine pixelgenaue Angabe der Breiten unter Ausnutzung des gesamten Platzes aufgrund der unterschiedlichen Interpretation des DOM auf verschiedenen Browsern zu durchaus unbefriedigenden Ergebnissen führen kann.

Wenn möglich solltest du daher immer etwas "Luft lassen", damit die Addition von Rändern dir nicht das Layout sprengt.

Ein gutes und eigentlich für das Basiswissen unentbehrliches Tutorial findest du bei Selfhtml.org
Das gibt es inzwischen auch als Wiki:
http://wiki.selfhtml.org/wiki/Startseite

[marc112000]

Hallo,

ich habe dasselbe Problem.
Tabelle auf Breite. 762 px gesetzt und jeder Zelle dementsprechend 254 px zugewiesen.
Trotzdem verschiebt die Zelle sich. Ich habe mal die mittleren auf grauen Hintergrund gesetzt, da sieht man ganz gut das die Tabelle sich verschiebt.
Ich habe übrigens 2 Tabellen mit jeweils 3 Zellen untereinander gesetzt. Aber alle dieselben Maße !!
siehe Sreenshot .
Für Tips wäre ich auch sehr dankbar.

Gruß
marc

[timopaul]

Howdie Marc,

ohne den entsprechenden HTML- und eventuell zugehörigen CSS-Code ist es sehr schwer eine klare und treffende Aussage zu dem Problem zu verfassen. Eventuell liegt es daran dass die Bilder zu groß sind und dadurch die Zellen aufspanne, oder es liegt an den CSS-Definitionen, oder etwas ganz anderes.

Aber mal anders gefragt: Warum zwei Tabellen mit je einer Zeile drei Spalten untereinander und nicht einfach eine Tabelle mit zwei Zeilen und drei Spalten?

Besten Gruß,
Timo

[marc112000]

Hallo,

vielen Dank für deine Antwort. Unten habe ich den Quellcode. Ich hoffe das sprengt hier nicht den Rahmen.
Ansonsten unter : www.milbenfreiheit.de

<table width="762" height="200" cellspacing="1" cellpadding="1" border="0">
    <tbody>
        <tr>
            <td width="254" align="left">&nbsp; <a href="http://milbenfreiheit.de/product_info.php?products_id=20"><img width="240" height="176" border="0" align="left" alt="" src="/images/BNP_0471_01.jpg" id="hausstabmilben-allergieImage1" /></a></td>
            <td width="254" valign="top" bgcolor="#EDEDED" align="left">
            <p>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img width="240" height="191" alt="" class="rg_i" name="Sgj4iNIfLuhPdM:" data-sz="f" style="margin-left: 0px; margin-right: 0px; margin-top: 0px;" src="/images/Ecarf.jpg" /> &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;</p>
            </td>
            <td width="254">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; <a href="http://milbenfreiheit.de/shop_content.php?coID=11"><img width="176" height="176" alt="" src="/images/Lieferung.jpg" style="margin-left: 0px; margin-right: 0px; margin-top: -3px;" data-src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRZ0hlRH5skYiqM_UEmgb8xolDUx9N0O9IMBYMtppT8_-h-lZH5ew" data-sz="f" name="zZPLO-v1tN5YgM:" class="rg_i" /></a></td>
        </tr>
    </tbody>
</table>
<table width="761" height="180" cellspacing="1" cellpadding="1" border="0">
    <tbody>
        <tr>
            <td width="254" valign="top" align="left">
            <p style="text-align: center;">&nbsp;<span style="font-size: larger;">BNP Bed Care&nbsp; medicase</span> <span style="font-size: larger;">Komplettset f&uuml;r das ganze Bett</span></p>
            <p style="text-align: center;"><span style="color: rgb(255, 0, 0);"><strong><span style="font-size: larger;">&nbsp;&euro; 109,00</span></strong></span> incl.Versand</p>
            <p style="text-align: center;"><span style="font-size: larger;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><a href="http://milbenfreiheit.de/product_info.php?products_id=20"><span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);"><u><strong>weiter</strong></u></span></span></a><span style="font-family: Arial;">             </span></p>
            <p>&nbsp;</p>
            <h2>&nbsp;</h2>
            </td>
            <td width="254" valign="top" height="100" bgcolor="#EDEDED" style="text-align: center;">
            <p><span style="font-size: larger;">&nbsp;Ec</span><span style="font-family: Arial;"><span style="font-size: larger;">arf -Qualit&auml;ts-Siegel </span></span></p>
            <p><br />
            <span style="font-family: Arial;"><span style="font-size: 13px;">Das European Centre for Allergy Research Fondation (kurz: ECARF) ist eine <strong>unabh&auml;ngige Stiftung</strong> zur Verbesserung der Lebensqualit&auml;t von Menschen, die unter Allergien leiden. </span></span></p>
            </td>
            <td width="254" valign="top" height="100" style="text-align: center;"><span style="font-size: larger;">Versandkostenfreie Lieferung schon&nbsp; ab einem Bestellwert von &euro; 25,-</span></td>
        </tr>
    </tbody>
</table>

[Matt]

Bitte code-Tag verwenden.

Hat das einen Grund warum das zwei Tabellen sind statt einer mit zwei Zeilen? Du 'formatierst' darüber hinaus mit &nbsp; - kein Wunder, wenn das in die Hose geht. Auch wird cellpadding und cellspacing zur Breite einer Zelle addiert (zumindest beim standardmäßigen Boxmodel) und

Code: CSS  [Auswählen]

border-collapse: collapse;

sollte auch gesetzt sein.

[marc112000]

Hi,

nein hat keinen Grund das es zwei Tabellen sind. Ich dachte anfänglich das wäre sinnvoller. Aber gut, ist wohl Quatsch.
Ich habe irgendwie gar nicht formatiert, Ich habe es mit : "Tabelle einfügen" Button gemacht, Bilder rein, Text rein, fertig. Wie ich es so raushöre ist das nicht ganz der richtige Weg oder ?

Wie sollte ich es anders machen ? Bin dankbar für weitere Hilfen

Gruß
marc

[Matt]

Naja, bei Tabelle einfügen kommt sehr offensichtlich Müll raus. Bisschen HTML und CSS pauken und selber schreiben dürfte der beste Weg sein.