471,624 Members | 1,794 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,624 software developers and data experts.

ebay css template does not show correctly

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
1 4329
drhowarddrfine
7,435 Expert 4TB
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.

Similar topics

7 posts views Thread by Rolf Kemper | last post: by
1 post views Thread by httpmart | last post: by
2 posts views Thread by Sammy | last post: by
reply views Thread by eBay-Mitglied gret | last post: by
reply views Thread by leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.