Foros del Web - Ver Mensaje Individual

abimaelrc · #9 (**permalink**) 17/08/2009, 09:17

Copialo y pegalo a un html nuevo y verifica lo que hice

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
*{margin: 0; padding: 0; border: 0; position:relative:}
html, body{background-color: #fff;}
 
#contenedor{
    width: 700px;
    margin: 0 auto;
}
 
#izquierda{
    float:left;
    /*Le restas los 2px del borde*/
    width: 198px;
    background-color:orange;
}
 
#derecha{
    float: right;
    width: 490px;
    background-color:purple;
}
</style>
</head>
<body>
<div id="contenedor">
    <div id="derecha">
        <br /><br /><br />
        derecha
    </div>
    <div id="izquierda">
        izquerda
        <br /><br /><br /><br />
    </div>
    <div id="clear" style="clear:both"></div>
</div>
 
</body>
</html>

Para que funcione la centralización necesitas dejar el doctype y el margin: 0 auto;