By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,454 Members | 3,103 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,454 IT Pros & Developers. It's quick & easy.

ebay css template does not show correctly

P: 1
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> 
Dec 6 '09 #1
Share this Question
Share on Google+
1 Reply


drhowarddrfine
Expert 5K+
P: 7,435
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.
Dec 7 '09 #2

Post your reply

Sign in to post your reply or Sign up for a free account.