Foros del Web » Creando para Internet » CSS »

se ven en IE8 pero no en Firefox 3.5

Estas en el tema de se ven en IE8 pero no en Firefox 3.5 en el foro de CSS en Foros del Web. Hola: Tengo un codigo css extremadamente sencillo pero que se ve bien en ie8 pero no en firefox 3.5 (al reves de lo normal). Pueden ...
  #1 (permalink)  
Antiguo 04/11/2009, 04:13
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
se ven en IE8 pero no en Firefox 3.5

Hola:
Tengo un codigo css extremadamente sencillo pero que se ve bien en ie8 pero no en firefox 3.5 (al reves de lo normal).

Pueden decirme donde esta el error:

Código:
/*Principio reseteo estilos*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*fin reseteo estilos*/
/*.clearfixplain {
    clear: both;
}
*/
#contenedor {
    width: 958px;
    margin: auto;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background-color: gray;
}

#menu {
    width: 184px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

#datos {
    width: 749px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}
Y el codigo de la web es:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Div</title>
<link href="CSS/cajas.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="contenedor">
  <div id="menu">
    <ul>
      <li>1</li>
      <li>1</li>
      <li>1</li> 
    </ul>
  </div>
  <div id="datos">pepe</div>
</div>
</body>
</html>

Gracias
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #2 (permalink)  
Antiguo 04/11/2009, 07:37
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: se ven en IE8 pero no en Firefox 3.5

Probalo de esta manera:

Código html:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <style type="text/css">
  6. /*Principio reseteo estilos*/
  7. *{margin:0; padding:0; border:0; outline:0;}
  8. body {line-height: 1}
  9. ol, ul {list-style: none}
  10. table {border-collapse: collapse;border-spacing: 0;}
  11. hr {background-color: #000;height: 1px}
  12. #contenedor {
  13.     width: 958px;
  14.     margin:0 auto;
  15.     border-left: 1px solid black;
  16.     border-right: 1px solid black;
  17.     background-color: gray;
  18. }
  19.  
  20. #menu {
  21.     width: 184px;
  22.     margin-left: 5px;
  23.     padding:0 5px;
  24.     float: left;
  25. }
  26.  
  27. #datos {
  28.     width: 749px;
  29.     margin:0 5px;
  30.     float: left;
  31. }
  32. .corte{clear:both;}
  33. </head>
  34.  
  35. <div id="contenedor">
  36.   <div id="menu">
  37.     <ul>
  38.       <li>1</li>
  39.       <li>1</li>
  40.       <li>1</li>
  41.     </ul>
  42.   </div>
  43.   <div id="datos">pepe</div>
  44.   <div class="corte"></div>
  45. </div>
  46. </body>
  47. </html>
__________________
WFC
codigo82
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 08:33.