EBAY Problem - Content verschiebt sich

  • Hi Folks,

    habe via. Dreamweaver eine HTML Seite für Ebay erstellt. Nur habe ich das Problem, dass sich das Content arg verschiebt - siehe hier:

    http://img78.imageshack.us/img78/8337/111i.jpg

    Hier der Code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    .style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    .style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
    body {
    margin-left: 1px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    }
    -->
    </style>
    </head>

    <body>
    <table width="200" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td><table width="694" border="0" cellpadding="0" cellspacing="0" id="top">
    <tr>
    <td colspan="2"><img src="http://img98.imageshack.us/img98/7361/wcs.jpg" width="695" height="475"></td>
    </tr>
    <tr>
    <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="2" class="style1"><div align="justify">Zum Verkauf steht eine <strong>Carbon Sattelstützte</strong> des amerikanischen Herstellers <strong>Ritchey</strong>. Es handelt sich um das Model &quot;<strong>WCS Carbon</strong>&quot;, welches sich in einem gebrauchten Zustand befindet. Die Spezifikationen der Sattelstütze ist eine <strong>Länge von 350mm</strong> und <strong>Durchmesser von 27,2mm</strong>. Dank der low-profile 2-Schraubenklemmung ist ein Versatz (Setback) des montierten Sattels zusätzlich von <strong>bis zu 25mm</strong> möglich. Alle notwendigen Teile zur Montage, sind wie abgebildet, mit dabei. Der Neupreis der nur <strong>~185g</strong> schweren Sattelstütze liegt aktuell bei <strong>187 EUR</strong>. Versand erfolgt versichert per DHL.</div></td>
    </tr>
    <tr>
    <td colspan="2" class="style1">&nbsp;</td>
    </tr>
    <tr>
    <td width="115" class="style2"><div align="left">Hersteller:</div></td>
    <td width="579" class="style1"><div align="left">Ritchey</div></td>
    </tr>
    <tr>
    <td class="style2"><div align="left">Modell:</div></td>
    <td class="style1"><div align="left">WCS Carbon</div></td>
    </tr>
    <tr>
    <td class="style2"><div align="left">Material:</div></td>
    <td class="style1"><div align="left">Carbon</div></td>
    </tr>
    <tr>
    <td class="style2"><div align="left">Länge:</div></td>
    <td class="style1"><div align="left">350mm</div></td>
    </tr>
    <tr>
    <td class="style2"><div align="left">Durchmesser:</div></td>
    <td class="style1"><div align="left">27,2mm</div></td>
    </tr>
    <tr>
    <td class="style2"><div align="left">Gewicht:</div></td>
    <td class="style1"><div align="left">~185g</div></td>
    </tr>
    <tr>
    <td class="style2"><div align="left">Besonderes:</div></td>
    <td class="style1"><div align="left">Versatz nach hinten möglich (25mm), Vibrationsdaempfend und torsionssteif, <br>
    Farbig gelasertes Ritchey WCS Logo, präzise Befestigung und verminderte Belastung dank low-profile 2-Schraubenklemmung.</div></td>
    </tr>
    <tr>
    <td class="style2"><div align="left">Weitere<br>
    Informationen:</div></td>
    <td class="style1"><div align="left">Ritchey WCS Carbon Produktseite</div></td>
    </tr>
    </table>&nbsp;</td>
    </tr>
    </table>

    </body>
    </html>


    Wodrann kann das liegen? Danke im Vorraus.

  • so?

    <style type="text/css">
    <!--
    .style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    .style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
    body {

    margin-left: 1px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;

    }

    *{
    margin:0;
    padding:0;
    }

    -->
    </style>


    Falls ja, funktioniert leider nicht.

  • haste des schon eingestellt und kann man bei ebay die artikelansicht nachträglich ändern? nen link dazu wäre schon ganz nice, zumal des ja im normalzustand ganz gut ausschaut..
    dadurch, dass du tables nutzt dürfte da eigentlich nix verkehrt laufen
    besser wäre es insgesamt aber, wenn du von tables wegkommst und das alles mit divs regelst

  • Nein, die eigentliche Aussage war das du an stelle von den ganzen anderen Margin-Angaben (margin-top, margin-bottom, ...) einfach eine zusammenfassung machen sollst.
    Da einiege Browser zb bropbele damit haben können und das auch unnötig viel schreibkram ist.

    Also fasst man alle befehle in einem zusammen und zwar mit margin: 1px; in deinem Bsp.
    Damit wird für alle Bereiche (top, right, bottom, right), in dieser Reihenfolge, ein abstand gesetzt.
    Die erweiterte Version davon wäre zb margin: 0 1px 2px 3px;
    Dabei gelten wieder die zuweisungsbereiche wie ein paar Zeilen weiter oben in der Klammer.

    Hoffe das konnte helfen...

  • Also an sich sieht das, so wie du es gepostet hast, im Browser ganz ok aus.

    Die Verschiebung kommt also wo anders her. Vielleicht an der art der Einbundung des Codes bei Ebay... Kenn mich damit leider nicht so recht aus.

  • mhhh - bis dato hat es immer funktioniert. Wie kann ich das Problem anders lösen?

  • Eigentlich nichts. Eventuell hat Ebay ja etwas an der Code Einbindung verändert.

  • Sobald ich Tabellen benutze, tritt das Problem auf. Kann mir jemand bitte die Seite kurz ohne diese umcoden? Leider kann ich das nicht selber.

  • Was ich mir noch als problem vorstellen könnte ist das du ja eine eigene Struktur, also ein eigenständiges HTML-File "einbinden" möchtest. aber wie gesagt davon hab ich reichlich wenig ahnung wie das bei ebay läuft.

    Mein Vorschlag den ich dir machen kann ist der hier:

    Anregungen oder sonstiges nehme ich gerne entgegen, besonders für das 'Problem' bei der vertikalen Textausrichtung in der Liste

    2 Mal editiert, zuletzt von thilda (13. April 2009 um 21:51)

  • Das sollte ja kein Problem sein.

    Hier nochmal das abgeänderte Model