Foros del Web » Creando para Internet » CSS »

Problemas Firefox - Internet explorer

Estas en el tema de Problemas Firefox - Internet explorer en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/06/2009, 09:40
 
Fecha de Ingreso: diciembre-2008
Mensajes: 9
Antigüedad: 9 años
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.     <head>
  2.         <title></title>
  3.         <link rel="stylesheet" href="estilos.css" type="text/css">
  4.     </head>
  5.     <body>
  6.         <h1>Food Company Name</h1>
  7.         <hr class="arriba">
  8.         <div id="cuerpo1">
  9.         <img class="platos" src="ImagenPlatos.png" alt="Imagen de platos" />
  10.         <h2>New Recipies<br> and Great Holiday Entertaining Ideas</h2>
  11.         <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>
  12.         <p><a class="click" href="#">read more..</a></p>
  13.         <hr class="abajo">
  14.         </div>
  15.         <div id="cuerpo2">
  16.         <img class="tartas" src="ImagenTartas.png" alt="Imagen de tartas" />
  17.         <h2>Top Desserts and Wine List</h2>
  18.         <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>
  19.         <p><a class="noclick" href="#">read more..</a></p>
  20.         </div>
  21.         <img class="mujer" src="ImagenMujer.jpg" alt="Imagen Mujer" />
  22.         <ul>
  23.             <li><a href="#">Home</a></li>
  24.             <li><a href="#">Recipes</a></li>
  25.             <li><a href="#">News</a></li>
  26.             <li><a href="#">Entertaining</a></li>
  27.             <li><a href="#">Top 10 List</a></li>
  28.             <li><a href="#">Forum</a></li>
  29.             <li><a href="#">Contact Us</a></li>
  30.         </ul>
  31.         <p class="pie">Copyright 2004 Company Name</p>
  32.     </body>
  33. </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 14:42 Razón: agrego bbcode para facilitar la lectura
  #2 (permalink)  
Antiguo 09/06/2009, 13:03
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: Problemas Firefox - Internet explorer

El problema es que no declaras ningun DOCTYPE.
En vez del simple <html> deberias poner:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
__________________
oohh... quisiera ser godines!!!
  #3 (permalink)  
Antiguo 09/06/2009, 14:33
Avatar de desendoll  
Fecha de Ingreso: mayo-2008
Mensajes: 340
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: Problemas Firefox - Internet explorer

aun y la falta del DOCTYPE, es posible que te encuentres con problemas entre los navegadores. Bienvenido al club...

La solución que yo utilizo es utilizar un css con distintos opciones para IE6 e IE7, sino siempre tienes los hacks de css.
__________________
Francesc Jimenez
  #4 (permalink)  
Antiguo 09/06/2009, 15:50
 
Fecha de Ingreso: diciembre-2008
Mensajes: 9
Antigüedad: 9 años
Puntos: 0
Respuesta: Problemas Firefox - Internet explorer

Tiene doctype..meolvide de ponerlo, igual pude solucionarlo bastante.. miren la pagina devuelta aver que opinan, lo deje bastante bien.. guiyepruebaPUNTOcomPUNTOar

Hay pequeños detalles a solucionar pero no puedo...

Saludos y gracias muchachos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:06.