ebay css template does not show correctly

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • matz2k
    New Member
    • Dec 2009
    • 1

    ebay css template does not show correctly

    I've got a big problem with the CSS layout which I've produced with Photoshop/Dreamweaver especially for my ebay auctions.
    This is what it looks like
    http://cgi.ebay.de/ws/eBayISAPI.dll?V iewItem&item=25 0542673235
    As you can see it can only be seen partially , can anyone help me with this?

    As fas as I can tell ebay's Iframe is messing up my layput, or am I wrong?

    Thx!

    here is the css/html code
    Code:
    <head>
    <title>ebay_template</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <!-- Save for Web Styles (ebay_template.psd) -->
    <style type="text/css">
    <!--
    #Table_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:800px;
    }
    #ebay-template-css-01_ {
    position:absolute;
    left:0px;
    top:0px;
    width:600px;
    height:62px;
    }
    #ebay-template-css-02_ {
    position:absolute;
    left:0px;
    top:62px;
    width:328px;
    height:27px;
    }
    #about_ {
    position:absolute;
    left:328px;
    top:62px;
    width:69px;
    height:27px;
    }
    #Shop_ {
    position:absolute;
    left:397px;
    top:62px;
    width:64px;
    height:27px;
    }
    #Kontakt_ {
    position:absolute;
    left:461px;
    top:62px;
    width:82px;
    height:27px;
    }
    #ebay-template-css-06_ {
    position:absolute;
    left:543px;
    top:62px;
    width:57px;
    height:27px;
    }
    #ebay-template-css-07_ {
    position:absolute;
    left:0px;
    top:89px;
    width:600px;
    height:45px;
    }
    #ebay-template-css-08_ {
    position:absolute;
    left:0px;
    top:134px;
    width:39px;
    height:666px;
    }
    #artikelbeschreibung_ {
    position:absolute;
    left:39px;
    top:134px;
    width:315px;
    height:213px;
    }
    #ebay-template-css-10_ {
    position:absolute;
    left:354px;
    top:134px;
    width:246px;
    height:9px;
    }
    #ebay-template-css-11_ {
    position:absolute;
    left:354px;
    top:143px;
    width:14px;
    height:272px;
    }
    #artikelbild_ {
    position:absolute;
    left:368px;
    top:143px;
    width:175px;
    height:193px;
    }
    #ebay-template-css-13_ {
    position:absolute;
    left:543px;
    top:143px;
    width:57px;
    height:657px;
    }
    #ebay-template-css-14_ {
    position:absolute;
    left:368px;
    top:336px;
    width:175px;
    height:79px;
    }
    #ebay-template-css-15_ {
    position:absolute;
    left:39px;
    top:347px;
    width:315px;
    height:68px;
    }
    #ebay-template-css-16_ {
    position:absolute;
    left:39px;
    top:415px;
    width:70px;
    height:385px;
    }
    #versand_ {
    position:absolute;
    left:109px;
    top:413px;
    width:397px;
    height:52px;
    }
    #ebay-template-css-18_ {
    position:absolute;
    left:506px;
    top:415px;
    width:37px;
    height:385px;
    }
    #ebay-template-css-19_ {
    position:absolute;
    left:109px;
    top:467px;
    width:397px;
    height:38px;
    }
    #zahlung_ {
    position:absolute;
    left:109px;
    top:505px;
    width:397px;
    height:55px;
    }
    #ebay-template-css-21_ {
    position:absolute;
    left:109px;
    top:560px;
    width:397px;
    height:34px;
    }
    #gamerzcave_ {
    position:absolute;
    left:109px;
    top:594px;
    width:397px;
    height:54px;
    }
    #ebay-template-css-23_ {
    position:absolute;
    left:109px;
    top:648px;
    width:397px;
    height:152px;
    }
    .artikelb_ueberschrift {
    text-align: center;
    font-size: 20px;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-style: normal;
    }
    .artikelb_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: small;
    color: #900;
    }
    .info_schrift {
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    }
    a {
    font-weight: bold;
    font-size: x-small;
    }
    a:link {
    color: #900;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: underline;
    }
    a:active {
    text-decoration: none;
    }
    -->
    </style>
    </script>
    </head>
    <body style="background-color:#FFFFFF; text-align: center;" onload="MM_preloadImages('images/about_rollover.jpg','images/Shop_rollover.jpg','images/Kontakt_rollover.jpg','http://gamerzcave.de/about_rollover.jpg','http://gamerzcave.de/Shop_rollover.jpg','http://gamerzcave.de/Kontakt_rollover.jpg')">
    <!-- Save for Web Slices (ebay_template.psd) -->
    <div id="Table_01">
    <div id="ebay-template-css-01_">
    <img id="ebay_template_css_01" src="http://gamerzcave.de/ebay_template_css_01.jpg" width="600" height="62" alt="" />
    </div>
    <div id="ebay-template-css-02_">
    <img id="ebay_template_css_02" src="http://gamerzcave.de/ebay_template_css_02.jpg" width="328" height="27" alt="" />
    </div>
    <div id="about_">
    <a href="http://myworld.ebay.de/www_gamerzcave_de/">
    <img src="http://gamerzcave.de/about.jpg" alt="Home" name="about" width="69" height="27" border="0" id="about" onmouseover="MM_swapImage('about','','http://gamerzcave.de/about_rollover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></div>
    <div id="Shop_">
    <a href="http://stores.shop.ebay.de/Gamerz-Cave-Shop__W0QQ_sidZ721696407QQ_sopZ10">
    <img src="http://gamerzcave.de/Shop.jpg" alt="Shop" name="Shop" width="64" height="27" border="0" id="Shop" onmouseover="MM_swapImage('Shop','','http://gamerzcave.de/Shop_rollover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
    </div>
    <div id="Kontakt_">
    <a href="http://contact.ebay.de/ws/eBayISAPI.dll?ReturnUserEmail&requested=www_gamerz cave_de&redirect=0&iid=0">
    <img src="http://gamerzcave.de/Kontakt.jpg" alt="Kontakt" name="Kontakt" width="82" height="27" border="0" id="Kontakt" onmouseover="MM_swapImage('Kontakt','','http://gamerzcave.de/Kontakt_rollover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
    </div>
    <div id="ebay-template-css-06_">
    <img id="ebay_template_css_06" src="http://gamerzcave.de/ebay_template_css_06.jpg" width="57" height="27" alt="" />
    </div>
    <div id="ebay-template-css-07_">
    <img id="ebay_template_css_07" src="http://gamerzcave.de/ebay_template_css_07.jpg" width="600" height="45" alt="" />
    </div>
    <div id="ebay-template-css-08_">
    <img id="ebay_template_css_08" src="http://gamerzcave.de/ebay_template_css_08.jpg" width="39" height="666" alt="" />
    </div>
    <div class="artikelb_ueberschrift" id="artikelbeschreibung_">
    <p><b>Lego Indiana Jones 2 </b><br />
    <span class="artikelb_text">f&uuml;r die Playstation 3<br />
    <br />
    Es handelt sich hier um eine original verschwei&szlig;te EU Version. Das Spiel ist komplett auf Deutsch spielbar (sowohl die Texte als auch die Spielsprache)<br />
    </span><br />
    <span class="artikelb_text">Die Lieferung erfolgt zwischen dem 12.11 und dem 15.11</span><br />
    </p>
    <p>&nbsp;</p>
    </div>
    <div id="ebay-template-css-10_">
    <img id="ebay_template_css_10" src="http://gamerzcave.de/ebay_template_css_10.jpg" width="246" height="9" alt="" />
    </div>
    <div id="ebay-template-css-11_">
    <img id="ebay_template_css_11" src="http://gamerzcave.de/ebay_template_css_11.jpg" width="14" height="272" alt="" />
    </div>
    <div id="artikelbild_"><img src="http://gamerzcave.de/lego-indiana-jones-2.jpg" width="178" height="192" alt="lego indiana jones 2" /></div>
    <div id="ebay-template-css-13_">
    <img id="ebay_template_css_13" src="http://gamerzcave.de/ebay_template_css_13.jpg" width="57" height="657" alt="" />
    </div>
    <div id="ebay-template-css-14_">
    <img id="ebay_template_css_14" src="http://gamerzcave.de/ebay_template_css_14.jpg" width="175" height="79" alt="" />
    </div>
    <div id="ebay-template-css-15_">
    <img id="ebay_template_css_15" src="http://gamerzcave.de/ebay_template_css_15.jpg" width="315" height="68" alt="" />
    </div>
    <div id="ebay-template-css-16_">
    <img id="ebay_template_css_16" src="http://gamerzcave.de/ebay_template_css_16.jpg" width="70" height="385" alt="" />
    </div>
    <div class="info_schrift" id="versand_">Der Versand erfolgt bei diesem Spiel als Maxibrief. Das Porto ist f&uuml;r Sie kostenlos.<br />
    Bei gr&ouml;&szlig;eren Sendungen wird als Paket versendet.. Die Ware wird sofort nach Zahlungeingang verschickt. Falls nicht anders angegeben, ist der Versand kostenlos.</div>
    <div id="ebay-template-css-18_">
    <img id="ebay_template_css_18" src="http://gamerzcave.de/ebay_template_css_18.jpg" width="37" height="385" alt="" />
    </div>
    <div id="ebay-template-css-19_">
    <img id="ebay_template_css_19" src="http://gamerzcave.de/ebay_template_css_19.jpg" width="397" height="38" alt="" />
    </div>
    <div id="zahlung_"><span class="info_schrift">Ich akzeptiere nur &Uuml;berweisung und Paypal als Zahlungsmethoden. Sie haben 7 Tage Zeit den Artikel nach Auktionsende zu bezahlen. </span><br />
    </div>
    <div id="ebay-template-css-21_">
    <img id="ebay_template_css_21" src="http://gamerzcave.de/ebay_template_css_21.jpg" width="397" height="34" alt="" />
    </div>
    <div class="info_schrift" id="gamerzcave_">Schauen Sie einfach in meinem <a target="_blank" href="http://stores.shop.ebay.de/Gamerz-Cave-Shop__W0QQ_armrsZ1">SHOP</a> vorbei um nach weiteren Artikel zu st&ouml;bern!<br />
    &uuml;gen Sie mich zu Ihren <a target="_blank" href="http://my.ebay.de/ws/eBayISAPI.dll?AcceptSavedSeller&amp;sellerid=www_g amerzcave_de&amp;ssPageName=STRK:MEFS:ADDSTR&amp;_ trksid=p4634.m350.l1250">bevorzugten Verk&auml;ufern und Shops</a> hinzu. Somit erhalten Sie immer den neusten Newsletter.</div>
    <div id="ebay-template-css-23_">
    <img id="ebay_template_css_23" src="http://gamerzcave.de/ebay_template_css_23.jpg" width="397" height="152" alt="" />
    </div>
    </div>
    <!-- End Save for Web Slices -->
    </body>
    </html>
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    At least part of the problem is putting the style tags and all its contents between the body tags. They do not belong there. Either remove them or move to in the head where they belong, not sure which should be done.

    Comment

    Working...