[Ovillo] problema con barder en ff

Fri, 06 Oct 2006 06:27:38 -0700 

Estimados;

Si bien este pequeño código es html válido, en Firefox la barra derecha se
"corre" hacia abajo, en IE se ve bien,

¿Qué hice mal?

 

Se supone que si una página valida, debería verse correctamente en todos los
navegadores, o no?

Gracias desde ya!!!

 

 

 

CSS

 

* { margin: 0px; padding: 0px;}

 

* body{  color:#333; font:11px/15px Tahoma, Arial, Helvetica, sans-serif;
background: url(../imagenes/fondopag.gif) repeat-y center} 

 

#principal{ background: #FFF;width: 780px; position: absolute;left:
50%;margin-left: -390px;height: 100%;border-left: 4px solid #FFF;
border-right: 4px solid #FFF; }

 

#header{height:60px;background-color:#2C8749; }

 

#contenido{float: left;width:440px;height: 100%;border-right:1px dotted
#CCC;padding: 16px 16px 16px 22px;}

 

#barder {float: right;width:183px; margin-left: 10px;height:
100%;padding:10px;background: #F7F8F5;}

 

#navegacion{width:137px;height: 100%;float:left; background: #F0F1EB}

  

#navegacion ul{padding:0;margin:4px;}

 

#navegacion li{list-style-type:none;border-bottom: 1px solid
#DDD;color:#333;margin:2px; padding:4px;} 

 

h1{font:16px Georgia, Times New Roman, serif;color:#FFF;padding:22px;}

 

h2{color:#903;font:19px Georgia, Times New Roman, serif;font-weight:
normal;padding-bottom: 12px;}

 

h3{color:#903;font:12px Georgia, Times New Roman, serif;font-weight:
bold;padding-bottom: 6px;}

 

#pie{background: #1D6635;font-size:12px;color:#FFF;padding:10px;clear:
both;height: 80px;}

 

 

 

........................................................................

 

 

 

HTML

 

 

<div id="principal"> 

  <div id="header"> 

    <h1>cabezal</h1>

  </div>

  <div id="navegacion"> 

    <ul>

      <li>Home</li>

      <li>Menu 1</li>

      <li>Menu 2</li>

      <li>Menu 3</li>

      <li>Menu 4</li>

    </ul>

  </div>

  <div id="contenido"> 

    <h2>Titulo</h2>

    <p>Texto-contenido del h2. Texto-contenido del h2. Texto-contenido del
h2. Texto-contenido del h2. Texto-contenido del h2. Texto-contenido del h2.
Texto-contenido del h2. Texto-contenido del h2. Texto-contenido del h2.</p>

  </div>

  <div id="barder"> 

    <h3>barra derecha h3</h3>

    <p>Texto-contenido del h3. Texto-contenido del h3.</p>

  </div>

  <div id="pie"> 

    <p>Copyright &copy; 2004 Todos los derechos reservados</p>

  </div>

</div>

...............................................................
Mónica  <http://www.montevideo.com.uy/> http://www.montevideo.com.uy

 

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a