Tema: Problemas con IE, no se ven fondos y se cae el menú
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 15/02/2011, 20:48
Avatar de rw523252
rw523252
 
Fecha de Ingreso: julio-2009
Mensajes: 122
Antigüedad: 15 años, 6 meses
Puntos: 5
Respuesta: Problemas con IE, no se ven fondos y se cae el menú
Ahora va la segunda parte,


Código CSS: 
Ver original
  1. #textpiamon {width:120px;
  2. height:91px;
  3. float:left;
  4. padding-top:25px;
  5. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  6. color:#666;
  7. font-weight:bold;
  8. margin-left:20px}
  9.  
  10. #antepaulin{width:300px;
  11. height:93px;
  12. margin:auto}
  13.  
  14. #lapaulina {width:148px;
  15. height:91px;
  16. padding-top:25px;
  17. float:left}
  18.  
  19. #textpaulin {width:120px;
  20. height:91px;
  21. float:left;
  22. padding-top:25px;
  23. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  24. color:#666;
  25. font-weight:bold;
  26. margin-left:20px}
  27.  
  28. #anteaceit{width:300px;
  29. height:93px;
  30. margin:auto}
  31.  
  32. #aceitera {width:148px;
  33. height:91px;
  34. padding-top:25px;
  35. float:left}
  36.  
  37.  
  38. #textaceit {width:120px;
  39. height:91px;
  40. float:left;
  41. padding-top:25px;
  42. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  43. color:#666;
  44. font-weight:bold;
  45. margin-left:20px}
  46.  
  47.  
  48. #centroder {width:21px;
  49. height:370px;
  50. background:url(imagenes/borde_izq_der.jpg) top right no-repeat;
  51. float:left}
  52.  
  53. #derecha {width:280px;
  54. height:370px;
  55. background:url(imagenes/bg_i_c_d.jpg) top right repeat-x;
  56. float:left;
  57. margin-left:10px;
  58. margin-top:20px}
  59.  
  60. #derechaizq {
  61.     width:21px;
  62.     height:370px;
  63.     background:url(imagenes/borde_izq_izq.jpg) top left no-repeat;
  64.     float:left}
  65.     
  66. #derechacent {
  67.     width:238px;
  68.     height:370px;
  69.     background:url(imagenes/fnd_izq.jpg) top right repeat-x;
  70.     float:left}
  71.     
  72. #novedad1 {width:200px;
  73. height:140px;
  74. padding-top:20px;
  75. margin:auto}
  76.  
  77. #leer1{width:200px;
  78. margin:auto;
  79. padding-left:100px
  80. }
  81.  
  82. #novedad2{width:200px;
  83. height:140px;
  84. margin:auto}
  85.  
  86. #leer2{width:200px;
  87. margin:auto;
  88. padding-left:100px}
  89.  
  90. texto2 {width:200px;
  91. height:120px;
  92. padding-top:10px;
  93. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  94. color:#666;
  95. font-size:12px;
  96. text-align:left;
  97. margin-left:4px;
  98. margin-right:4px}
  99.     
  100. #derechader {width:21px;
  101. height:370px;
  102. background:url(imagenes/borde_izq_der.jpg) top right no-repeat;
  103. float:left}
  104.  
  105. #cuerpocont{width:974px;
  106. height:400px;
  107. margin:auto;
  108. background:#FFF}
  109.  
  110. #anteform{width:370px;
  111. height:300px;
  112. float:left;
  113. padding-left:55px;
  114. margin-top:45px}
  115.  
  116. #antelogo{width:350px;
  117. height:300px;
  118. float:right;
  119. margin-top:45px;
  120. padding-right:75px
  121. }
  122.  
  123. #cuerposomos{width:974px;
  124. height:400px;
  125. margin:auto;
  126. background:#FFF}
  127.  
  128. #antetextizq{width:640px;
  129. height:360px;
  130. float:left;
  131. padding-left:25px;
  132. margin-top:15px}
  133.  
  134. .letragris{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  135. color:#666}
  136.  
  137. #textizq2 p{width:640px;
  138. height:360px;
  139. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  140. font-size:12px;
  141. color:#666;
  142. margin-top:30px}
  143.  
  144.  
  145.  
  146. #antefotocent{width:270px;
  147. height:300px;
  148. float:right;
  149. margin-top:15px;
  150.  
  151. }
  152.  
  153. #fotocent {width:196px;
  154. height:150px;
  155. float:right;
  156. margin-right:25px}
  157.  
  158. #fotocent2 {width:196px;
  159. height:150px;
  160. float:right;
  161. margin-right:25px;
  162. margin-top:30px}
  163.  
  164. #cuerpo2serv {width:900px;
  165. height:400px;
  166. margin:auto;}
  167.  
  168. #textserv {width:620px;
  169. height:350px;
  170. float:left;
  171. font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  172. color:#666;
  173. font-size:12px;
  174. padding-top:30px}
  175.  
  176. .parrafo1 {margin-top:30px}
  177.  
  178. #colserv1, #colserv2, #col1, #col2 {width:280px;
  179. height:340px;
  180. float:left}
  181.  
  182. #colserv1, #colserv2, #col1, #col2  {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  183. font-size:12px;
  184. color:#666;
  185. margin-left:15px;
  186. margin-right:15px}
  187.  
  188. #fotoserv {width:260px;
  189. height:380px;
  190. margin-top:25px;
  191. float:right}
  192.  
  193. #fotoserv1 {width:196px;
  194. height:150px;
  195. float:right;
  196. margin-top:25px}
  197.  
  198. #fotoserv2 {width:196px;
  199. height:150px;
  200. float:right;
  201. margin-top:30px}
  202.  
  203. #anteprod {width:950px;
  204. height:400px;
  205. margin:auto}
  206.  
  207. #antegaleria {width:500px;
  208. height:380px;
  209. margin:auto;
  210. float:left;
  211. margin-left:25px;
  212. background-color:#FFF;
  213. margin-top:10px}
  214.  
  215. #galeria {width:460px;
  216. height:360px;
  217. margin:auto;
  218. background-color:#FFF}
  219.  
  220. #product {width:380px;
  221. height:380px;
  222. float:right;
  223. margin-right:40px;
  224. background-color:#FFF;
  225. /*margin-right:30px*/}
  226.  
  227. #anteproduct1 {width:380px;
  228. height:190px;
  229. margin:auto;
  230. background-color:#FFF}
  231.  
  232. #anteproduct2 {width:380px;
  233. height:190px;
  234. margin:auto;
  235. background-color:#FFF}
  236.  
  237. #product1 {width:180px;
  238. height:180px;
  239. margin-left:5px;
  240. background-color:#FFF;
  241. float:left;
  242. padding-top:5px}
  243.  
  244. .reggia{margin-top:5px;
  245. margin-left:10px}
  246.  
  247. #textproduct1 {width:180px;
  248. height:180px;
  249. margin-left:5px;
  250. background-color:#FFF;
  251. float:left;
  252. padding-top:5px}
  253.  
  254. #textproduct1 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  255. font-size:12px;
  256. color:#666;
  257. text-align:left}
  258.  
  259. #textproduct1 p{margin-left:5px}
  260.  
  261. #product2 {width:180px;
  262. height:180px;
  263. margin-left:5px;
  264. background-color:#FFF;
  265. float:left;
  266. padding-top:5px}
  267.  
  268. .fondiu {margin-left:8px;
  269. margin-top:25px}
  270.  
  271. #textproduct2 {width:180px;
  272. height:180px;
  273. margin-left:5px;
  274. background-color:#FFF;
  275. float:left;
  276. margin-top:1px}
  277.  
  278. #textproduct2 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  279. font-size:12px;
  280. color:#666;
  281. text-align:left;
  282. margin-left:5px;
  283. margin-bottom:15px}
  284.  
  285.  
  286.  
  287. #pie {width:974px;
  288. height:120px;
  289. background-color:#333;
  290. margin:auto}
  291.  
  292. #pieizq {width:37px;
  293. height:100px;
  294. float:left;
  295. background:url(imagenes/curva-pie.jpg);
  296. margin-top:20px}
  297.  
  298. #espaciopie {width:800px;
  299. margin:auto}
  300.  
  301. #pieder {width:37px;
  302. height:100px;
  303. background:url(imagenes/curva_pie_der.jpg);
  304. float:right;
  305. margin-top:2px}
  306.  
  307.  
  308. #botonera2 {margin-left:190px}
  309.  
  310. #pie a {font-size:0,5em;
  311. color:#FFFFFF;
  312. text-decoration:none;
  313. font-weight:bold}
  314.  
  315.  
  316. marcasbot ul{list-style:none;
  317. margin:0px;
  318. padding:0px;
  319. width:500px;
  320. height:70px}
  321. #marca a{
  322. float:left;
  323. margin-left:55px;
  324. margin-top:16px}
  325.  
  326. marcasbot marca li a{
  327.     width:140px;
  328.     height:70px;
  329.     background:url(imagenes/La_Piamontesa_logo.gif) top right no-repeat;
  330.     float:left;
  331. margin-left:175px;
  332. margin-top:16px}
  333.  
  334. marcasbot marca li a:hover{background:url(imagenes/La_Piamontesa_lhoverogo.gif) top right no-repeat}
  335.  
  336. #marca2{float:left;
  337. margin-left:10px;
  338. margin-top:16px}
  339.  
  340. #marca3{float:left;
  341. margin-left:10px;
  342. margin-top:16px}
  343.  
  344. #marca4{float:left;
  345. margin-left:10px;
  346. margin-top:16px}
  347.  
  348. #pie a:hover {color:#CCCCCC;
  349. }