se ven en IE8 pero no en Firefox 3.5

ciberpata · #1 (**permalink**) 04/11/2009, 04:13

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

willyfc · #2 (**permalink**) 04/11/2009, 07:37

Probalo de esta manera:

Código html:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
/*Principio reseteo estilos*/
*{margin:0; padding:0; border:0; outline:0;}
body {line-height: 1}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0;}
hr {background-color: #000;height: 1px}
#contenedor {
    width: 958px;
    margin:0 auto;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background-color: gray;
}
 
#menu {
    width: 184px;
    margin-left: 5px;
    padding:0 5px;
    float: left;
}
 
#datos {
    width: 749px;
    margin:0 5px;
    float: left;
}
.corte{clear:both;}
</style>
</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 class="corte"></div>
</div>
</body>
</html>