Witam.
Mam problem z szablonem allegro, który stworzyłem otóż gdy chce wystawić jakiś przedmiot i wczytuje ten szablon to cała strona się rozjeżdża i nie widać przycisku dalej. Proszę o pomoc

link do screena : http://img560.imageshack.us/img560/6834/beznazwy1o.jpg

Kod szablonu html/css :

[HTML] pobierz, plaintext 
  1.  <head>
  2. <style "text/css">
  3. body {
  4. background-image: url('http://img340.imageshack.us/img340/9876/17114551.jpg');
  5. margin: 0px;
  6. padding: 0px;
  7. color: #1e1e1e;
  8. font-family: Helvetica, Arial, Times New Roman;
  9. font-size: 14px;
  10. width: 100%;
  11. height: 100%;
  12. }
  13.  
  14. #top {
  15. width: 980px;
  16. height: 62px;
  17. background-image: url('http://img189.imageshack.us/img189/6541/topup.png');
  18. background-repeat: no-repeat;
  19. }
  20.  
  21. .margin {
  22. margin: 30px;
  23. }
  24.  
  25.  
  26. .center {
  27. margin: 0px auto;
  28. padding: 0px;
  29. }
  30.  
  31. #box {
  32. width: 980px;
  33. height: 182px;
  34. background-image: url('http://img171.imageshack.us/img171/8935/boxdf.jpg');
  35. background-repeat: no-repeat;
  36. }
  37.  
  38. #menu {
  39. position: relative;
  40. left: 470px;
  41. width: 500px;
  42. height: 60px;
  43. }
  44.  
  45. #menu li {
  46. float: left;
  47. display: inline;
  48. padding: 28px 15px 28px 15px;
  49. }
  50.  
  51. #menu li a {
  52. text-decoration: none;
  53. color: #1e1e1e;
  54. font-family: Helvetica, Arial, Times New Roman;
  55. font-size: 14px;
  56. }
  57.  
  58. #menu li a:hover {
  59. text-decoration: none;
  60. color: #32754c;
  61. font-family: Helvetica, Arial, Times New Roman;
  62. font-size: 14px;
  63. }
  64.  
  65. #contener {
  66. width: 980px;
  67. height: 100%;
  68. background-image: url('http://img89.imageshack.us/img89/9279/contenerbg.jpg');
  69. background-repeat: repeat-y;
  70. }
  71.  
  72. #footer {
  73. width: 980px;
  74. height: 26px;
  75. background-image: url('http://img829.imageshack.us/img829/8642/footerjwd.png');
  76. background-repeat: no-repeat;
  77. }
  78.  
  79. #info {
  80. float: left;
  81. width: 280px;
  82. height: 550px;
  83. margin-left: 20px;
  84. }
  85.  
  86. #info a {
  87. text-decoration: none;
  88. color: #1e1e1e;
  89. font-family: Helvetica, Arial, Times New Roman;
  90. }
  91.  
  92. #info a:hover {
  93. text-decoration: none;
  94. color: #32754c;
  95. font-family: Helvetica, Arial, Times New Roman;
  96. }
  97.  
  98. #content-box {
  99. width: 660px;
  100. min-height: 550px;
  101. margin-left: 300px;
  102. }
  103.  
  104. .tytul {
  105. width: 204px;
  106. height: 40px;
  107. vertical-align: middle;
  108. text-align: center;
  109. color: #000000;
  110. background-image: url('http://img526.imageshack.us/img526/9978/h1bg.jpg');
  111. font-size: 16px;
  112. line-width: 20px;
  113. margin: 0px auto;
  114. padding: 0px;
  115. line-height: 40px;
  116. }
  117.  
  118. p {
  119. display: inline;
  120. font-size: 12px;
  121. text-align: center;
  122. }
  123.  
  124. .podtytul {
  125. display: inline;
  126. width: 100px;
  127. margin: 0px auto;
  128. padding: 0px;
  129. }
  130.  
  131. #content {
  132. text-align: center;
  133. margin-top: 30px;
  134. }
  135.  
  136. #naglowek {
  137. text-align: center;
  138. font-size: 36px;
  139. }
  140. </style>
  141. </head>
  142. <body>
  143. <div class="margin"></div>
  144. <div id="top" class="center"><div id="menu"><ul><li></li><li></li><li></li></ul></div></div>
  145. <div id="box" class="center"></div>
  146. <div id="contener" class="center">
  147. <div id="info"><div class="tytul">KONTAKT</div><p></p><br /><br /><br /><br />
  148. <div class="tytul">PŁATNOŚCI</div><p></p><br /><br /><br /><br />
  149. <div class="tytul">ZASADY AUKCJI</div><p></p>
  150. </div><div id="content-box">
  151. <div id="naglowek">&nbsp;</div>
  152. <div id="content"></div></div>
  153. </div>
  154. <div id="footer" class="center"></div>
  155.  
  156. </body> 
[HTML] pobierz, plaintext