Connect with Expertise | Find Experts, Get Answers, Share Insights
bytes > html / css > html / css questions

ebay css template does not show correctly

 
Join Date: Dec 2009
Posts: 1
#1: Dec 6 '09
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?ViewItem&item=250542673235
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
Expand|Select|Wrap|Line Numbers
  1. <head>
  2. <title>ebay_template</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <!-- Save for Web Styles (ebay_template.psd) -->
  5. <style type="text/css">
  6. <!--
  7. #Table_01 {
  8. position:absolute;
  9. left:0px;
  10. top:0px;
  11. width:600px;
  12. height:800px;
  13. }
  14. #ebay-template-css-01_ {
  15. position:absolute;
  16. left:0px;
  17. top:0px;
  18. width:600px;
  19. height:62px;
  20. }
  21. #ebay-template-css-02_ {
  22. position:absolute;
  23. left:0px;
  24. top:62px;
  25. width:328px;
  26. height:27px;
  27. }
  28. #about_ {
  29. position:absolute;
  30. left:328px;
  31. top:62px;
  32. width:69px;
  33. height:27px;
  34. }
  35. #Shop_ {
  36. position:absolute;
  37. left:397px;
  38. top:62px;
  39. width:64px;
  40. height:27px;
  41. }
  42. #Kontakt_ {
  43. position:absolute;
  44. left:461px;
  45. top:62px;
  46. width:82px;
  47. height:27px;
  48. }
  49. #ebay-template-css-06_ {
  50. position:absolute;
  51. left:543px;
  52. top:62px;
  53. width:57px;
  54. height:27px;
  55. }
  56. #ebay-template-css-07_ {
  57. position:absolute;
  58. left:0px;
  59. top:89px;
  60. width:600px;
  61. height:45px;
  62. }
  63. #ebay-template-css-08_ {
  64. position:absolute;
  65. left:0px;
  66. top:134px;
  67. width:39px;
  68. height:666px;
  69. }
  70. #artikelbeschreibung_ {
  71. position:absolute;
  72. left:39px;
  73. top:134px;
  74. width:315px;
  75. height:213px;
  76. }
  77. #ebay-template-css-10_ {
  78. position:absolute;
  79. left:354px;
  80. top:134px;
  81. width:246px;
  82. height:9px;
  83. }
  84. #ebay-template-css-11_ {
  85. position:absolute;
  86. left:354px;
  87. top:143px;
  88. width:14px;
  89. height:272px;
  90. }
  91. #artikelbild_ {
  92. position:absolute;
  93. left:368px;
  94. top:143px;
  95. width:175px;
  96. height:193px;
  97. }
  98. #ebay-template-css-13_ {
  99. position:absolute;
  100. left:543px;
  101. top:143px;
  102. width:57px;
  103. height:657px;
  104. }
  105. #ebay-template-css-14_ {
  106. position:absolute;
  107. left:368px;
  108. top:336px;
  109. width:175px;
  110. height:79px;
  111. }
  112. #ebay-template-css-15_ {
  113. position:absolute;
  114. left:39px;
  115. top:347px;
  116. width:315px;
  117. height:68px;
  118. }
  119. #ebay-template-css-16_ {
  120. position:absolute;
  121. left:39px;
  122. top:415px;
  123. width:70px;
  124. height:385px;
  125. }
  126. #versand_ {
  127. position:absolute;
  128. left:109px;
  129. top:413px;
  130. width:397px;
  131. height:52px;
  132. }
  133. #ebay-template-css-18_ {
  134. position:absolute;
  135. left:506px;
  136. top:415px;
  137. width:37px;
  138. height:385px;
  139. }
  140. #ebay-template-css-19_ {
  141. position:absolute;
  142. left:109px;
  143. top:467px;
  144. width:397px;
  145. height:38px;
  146. }
  147. #zahlung_ {
  148. position:absolute;
  149. left:109px;
  150. top:505px;
  151. width:397px;
  152. height:55px;
  153. }
  154. #ebay-template-css-21_ {
  155. position:absolute;
  156. left:109px;
  157. top:560px;
  158. width:397px;
  159. height:34px;
  160. }
  161. #gamerzcave_ {
  162. position:absolute;
  163. left:109px;
  164. top:594px;
  165. width:397px;
  166. height:54px;
  167. }
  168. #ebay-template-css-23_ {
  169. position:absolute;
  170. left:109px;
  171. top:648px;
  172. width:397px;
  173. height:152px;
  174. }
  175. .artikelb_ueberschrift {
  176. text-align: center;
  177. font-size: 20px;
  178. color: #000;
  179. font-family: Verdana, Geneva, sans-serif;
  180. font-style: normal;
  181. }
  182. .artikelb_text {
  183. font-family: Verdana, Geneva, sans-serif;
  184. font-size: small;
  185. color: #900;
  186. }
  187. .info_schrift {
  188. font-size: x-small;
  189. font-family: Arial, Helvetica, sans-serif;
  190. color: #000;
  191. }
  192. a {
  193. font-weight: bold;
  194. font-size: x-small;
  195. }
  196. a:link {
  197. color: #900;
  198. text-decoration: none;
  199. }
  200. a:visited {
  201. text-decoration: none;
  202. }
  203. a:hover {
  204. text-decoration: underline;
  205. }
  206. a:active {
  207. text-decoration: none;
  208. }
  209. -->
  210. </style>
  211. </script>
  212. </head>
  213. <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')">
  214. <!-- Save for Web Slices (ebay_template.psd) -->
  215. <div id="Table_01">
  216. <div id="ebay-template-css-01_">
  217. <img id="ebay_template_css_01" src="http://gamerzcave.de/ebay_template_css_01.jpg" width="600" height="62" alt="" />
  218. </div>
  219. <div id="ebay-template-css-02_">
  220. <img id="ebay_template_css_02" src="http://gamerzcave.de/ebay_template_css_02.jpg" width="328" height="27" alt="" />
  221. </div>
  222. <div id="about_">
  223. <a href="http://myworld.ebay.de/www_gamerzcave_de/">
  224. <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>
  225. <div id="Shop_">
  226. <a href="http://stores.shop.ebay.de/Gamerz-Cave-Shop__W0QQ_sidZ721696407QQ_sopZ10">
  227. <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>
  228. </div>
  229. <div id="Kontakt_">
  230. <a href="http://contact.ebay.de/ws/eBayISAPI.dll?ReturnUserEmail&requested=www_gamerz cave_de&redirect=0&iid=0">
  231. <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>
  232. </div>
  233. <div id="ebay-template-css-06_">
  234. <img id="ebay_template_css_06" src="http://gamerzcave.de/ebay_template_css_06.jpg" width="57" height="27" alt="" />
  235. </div>
  236. <div id="ebay-template-css-07_">
  237. <img id="ebay_template_css_07" src="http://gamerzcave.de/ebay_template_css_07.jpg" width="600" height="45" alt="" />
  238. </div>
  239. <div id="ebay-template-css-08_">
  240. <img id="ebay_template_css_08" src="http://gamerzcave.de/ebay_template_css_08.jpg" width="39" height="666" alt="" />
  241. </div>
  242. <div class="artikelb_ueberschrift" id="artikelbeschreibung_">
  243. <p><b>Lego Indiana Jones 2 </b><br />
  244. <span class="artikelb_text">f&uuml;r die Playstation 3<br />
  245. <br />
  246. 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 />
  247. </span><br />
  248. <span class="artikelb_text">Die Lieferung erfolgt zwischen dem 12.11 und dem 15.11</span><br />
  249. </p>
  250. <p>&nbsp;</p>
  251. </div>
  252. <div id="ebay-template-css-10_">
  253. <img id="ebay_template_css_10" src="http://gamerzcave.de/ebay_template_css_10.jpg" width="246" height="9" alt="" />
  254. </div>
  255. <div id="ebay-template-css-11_">
  256. <img id="ebay_template_css_11" src="http://gamerzcave.de/ebay_template_css_11.jpg" width="14" height="272" alt="" />
  257. </div>
  258. <div id="artikelbild_"><img src="http://gamerzcave.de/lego-indiana-jones-2.jpg" width="178" height="192" alt="lego indiana jones 2" /></div>
  259. <div id="ebay-template-css-13_">
  260. <img id="ebay_template_css_13" src="http://gamerzcave.de/ebay_template_css_13.jpg" width="57" height="657" alt="" />
  261. </div>
  262. <div id="ebay-template-css-14_">
  263. <img id="ebay_template_css_14" src="http://gamerzcave.de/ebay_template_css_14.jpg" width="175" height="79" alt="" />
  264. </div>
  265. <div id="ebay-template-css-15_">
  266. <img id="ebay_template_css_15" src="http://gamerzcave.de/ebay_template_css_15.jpg" width="315" height="68" alt="" />
  267. </div>
  268. <div id="ebay-template-css-16_">
  269. <img id="ebay_template_css_16" src="http://gamerzcave.de/ebay_template_css_16.jpg" width="70" height="385" alt="" />
  270. </div>
  271. <div class="info_schrift" id="versand_">Der Versand erfolgt bei diesem Spiel als Maxibrief. Das Porto ist f&uuml;r Sie kostenlos.<br />
  272. 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>
  273. <div id="ebay-template-css-18_">
  274. <img id="ebay_template_css_18" src="http://gamerzcave.de/ebay_template_css_18.jpg" width="37" height="385" alt="" />
  275. </div>
  276. <div id="ebay-template-css-19_">
  277. <img id="ebay_template_css_19" src="http://gamerzcave.de/ebay_template_css_19.jpg" width="397" height="38" alt="" />
  278. </div>
  279. <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 />
  280. </div>
  281. <div id="ebay-template-css-21_">
  282. <img id="ebay_template_css_21" src="http://gamerzcave.de/ebay_template_css_21.jpg" width="397" height="34" alt="" />
  283. </div>
  284. <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 />
  285. &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>
  286. <div id="ebay-template-css-23_">
  287. <img id="ebay_template_css_23" src="http://gamerzcave.de/ebay_template_css_23.jpg" width="397" height="152" alt="" />
  288. </div>
  289. </div>
  290. <!-- End Save for Web Slices -->
  291. </body>
  292. </html> 

drhowarddrfine's Avatar
E
C
  
Join Date: Sep 2006
Location: St. Louis, MO USA
Posts: 6,386
#2: Dec 7 '09

re: ebay css template does not show correctly

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.
Reply

« previous question | next question »

Similar topics

More
Copyright 1995-2010 BYTES. All rights Reserved About Bytes | Help
Latest Expert Topics | Popular Tags
Sitemap | HTML / CSS Answers Sitemap | HTML / CSS Insights Sitemap