Tema: Problemas Firefox - Internet explorer
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/06/2009, 08:40
Guiye1988
 
Fecha de Ingreso: diciembre-2008
Mensajes: 9
Antigüedad: 15 años, 4 meses
Puntos: 0
Problemas Firefox - Internet explorer
Bueno, tenia que hacer una web para un tp de la facu. la web es esta..
guiyepruebaPUNTOcomPUNTOar
Enfirefox se me ve bien, me faltaria centrarla pero nada mas.. ahora, en IE se me fue todo al carajo.. ahi les pongo el codigo mas abajo.
HTML
Código html: 
Ver original
  1. <html>
  2.     <head>
  3.         <title></title>
  4.         <link rel="stylesheet" href="estilos.css" type="text/css">
  5.     </head>
  6.     <body>
  7.         <h1>Food Company Name</h1>
  8.         <hr class="arriba">
  9.         <div id="cuerpo1">
  10.         <img class="platos" src="ImagenPlatos.png" alt="Imagen de platos" />
  11.         <h2>New Recipies<br> and Great Holiday Entertaining Ideas</h2>
  12.         <p>Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus. Aenean nonummy hen.  Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus. Aenean nonummy hen.  Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus.. Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus. Aenean nonummy hen.  Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus.Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus. Aenean nonummy hen.</p>
  13.         <p><a class="click" href="#">read more..</a></p>
  14.         <hr class="abajo">
  15.         </div>
  16.         <div id="cuerpo2">
  17.         <img class="tartas" src="ImagenTartas.png" alt="Imagen de tartas" />
  18.         <h2>Top Desserts and Wine List</h2>
  19.         <p>Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus. Aenean nonummy hen.  Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus. Aenean nonummy hen.  Lorem ipsum dolor sit amet, consectetuer adipcing elit. Praesent vestibulum molestie lacus.</p>
  20.         <p><a class="noclick" href="#">read more..</a></p>
  21.         </div>
  22.         <img class="mujer" src="ImagenMujer.jpg" alt="Imagen Mujer" />
  23.         <ul>
  24.             <li><a href="#">Home</a></li>
  25.             <li><a href="#">Recipes</a></li>
  26.             <li><a href="#">News</a></li>
  27.             <li><a href="#">Entertaining</a></li>
  28.             <li><a href="#">Top 10 List</a></li>
  29.             <li><a href="#">Forum</a></li>
  30.             <li><a href="#">Contact Us</a></li>
  31.         </ul>
  32.         <p class="pie">Copyright 2004 Company Name</p>
  33.     </body>
  34. </html>
CSS
Código css: 
Ver original
  1. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
  2. form,fieldset,input,textarea,p,blockquote,th,td,a {
  3.     padding: 0px;
  4.     margin: 0px;
  5.     text-decoration:none;
  6. }
  7. table {
  8.     border-collapse: collapse;
  9.     border-spacing: 0px;
  10. }
  11. fieldset,img {
  12.     border: 0;
  13. }
  14. address,caption,cite,code,dfn,em,strong,th,var {
  15.     font-weight: normal;
  16.     font-style: normal;
  17. }
  18. ol,ul {
  19.     list-style: none;
  20.     
  21. }
  22. caption,th {
  23.     text-align: left;
  24. }
  25.  
  26. }
  27. q:before,q:after {
  28.     content:'';
  29. }
  30. abbr,acronym { border: 0;
  31. }
  32. body
  33. {
  34. width:1024px;
  35. background-color:#819464;
  36. }
  37. h1
  38. {
  39. font-family:Palatino Linotype;
  40. text-align:center;
  41. font-size:48.24px;
  42. background-color:#485c3a;
  43. width:603px;
  44. height:106px;
  45. float:right;
  46. border-left:2px solid #ffffff;
  47. color:#ffffff;
  48. }
  49. hr.arriba
  50. {
  51. border:0px solid #fff;
  52. border-top:2px solid #ffffff;
  53. margin:0px;
  54. background:url(BarraHorizontal.jpg) no-repeat center;
  55. width:1024px;
  56. height:83px;
  57. float:left;
  58. }
  59. hr.abajo
  60. {
  61. border-top:2px solid #ffffff;
  62. border-bottom:2px solid #ffffff;
  63. border-left:0px solid #fff;
  64. border-right:0px solid #fff;
  65. margin:0px;
  66. background-color:blue;
  67. width:1024px;
  68. height:13px;
  69. background-color:#ff9900;
  70. float:left;
  71. }
  72. a
  73. {
  74. color:#ffffff;
  75. }
  76. a.click
  77. {
  78. color:#336633;
  79. font-weight:bold;
  80. }
  81. a.noclick
  82. {
  83. color:#ffde00;
  84. font-weight:bold;
  85. }
  86. ul
  87. {
  88. position:relative;
  89. bottom:32px;
  90. float:left;
  91. background-color:#485c3a;
  92. width:920px;
  93. height:56px;
  94. color:#ffffff;
  95. border-top:2px solid #ffffff;
  96. border-right:2px solid #ffffff;
  97. border-bottom:2px solid #ffffff;
  98. }
  99. li
  100. {
  101. margin-top:16px;
  102. margin-left:20px;
  103. font-size:20px;
  104. float:left;
  105. }
  106. #cuerpo1
  107. {
  108. background-color:#99cc33;
  109. width:1024px;
  110. float:left;
  111. border-top:3px solid #ffff00;
  112. }
  113. #cuerpo1 h2
  114. {
  115. font-weight:bold;
  116. font-family:arial;
  117. font-size:16px;
  118. margin-top:15px;
  119. width:756px;
  120. line-height:17.61px;
  121. }
  122. #cuerpo1 p
  123. {
  124. font-family:arial;
  125. font-size:12px;
  126. width:756px;
  127. line-height:17.61px;
  128. margin-top:20px;
  129. }
  130. #cuerpo1 img
  131. {
  132. float:left;
  133. }
  134. #cuerpo2
  135. {
  136. background-color:#99cc33;
  137. width:1024px;
  138. height:210px;
  139. float:left;
  140. border-bottom:3px solid #ffffff;
  141. }
  142. #cuerpo2 h2
  143. {
  144. font-weight:bold;
  145. font-family:arial;
  146. font-size:16px;
  147. margin-top:15px;
  148. width:756px;
  149. line-height:17.61px;
  150. }
  151. #cuerpo2 img
  152. {
  153. float:left;
  154. padding-right:26px;
  155. }
  156. #cuerpo2 p
  157. {
  158. font-family:arial;
  159. font-size:12px;
  160. line-height:17.61px;
  161. width:756px;
  162. margin-top:20px;
  163. }
  164. img.mujer
  165. {
  166. position:relative;
  167. left:780px;
  168. top:330px;
  169. width:230px;
  170. height:349px;
  171. border:2px solid #ffffff;
  172. }
  173. p.pie
  174. {
  175. position:relative;
  176. width:260px;
  177. color:#ffffff;
  178. font-size:14pt;
  179. float:right;
  180. }


MUCHAS GRACIAS =)
Última edición por webosiris; 10/06/2009 a las 13:42 Razón: agrego bbcode para facilitar la lectura