ebay css template does not show correctly

matz2k

New Member

Join Date: Dec 2009
Posts: 1

ebay css template does not show correctly

Dec 6 '09, 08:19 PM

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>

Tags: None

drhowarddrfine

Recognized Expert Expert

Join Date: Sep 2006

Posts: 7434
#2

Dec 7 '09, 03:48 AM

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

Previous template Next

ebay css template does not show correctly

ebay css template does not show correctly

Comment