Foros del Web - Ver Mensaje Individual

kseso? · #6 (**permalink**) 27/10/2010, 11:44

Dos cajas ocupando entre ellas el 100% del body, una de ellas con un borde lateral de 1px sin que ello fuerce la aparición del scroll-x y sin usar overflow: hidden.
Creo que era eso lo que se solicitaba.
A ver si lo siguiente es válido:

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 xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Kseso? Jugando con css</title>
<style type="text/css">
 * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
  }
html, body {
    background: #FFFB00;
    font-weight:normal;
    font-size: 100%;
    height:100%;
    width:100%;
  }
#izquierda, #derecha {width: 50%; height: 400px; position: relative;}
#izquierda {background: #4000F0; border-right: 1px solid #fff; float: left; margin-left: -1px;}
#derecha {background: #000080; float: right;}
</style>
</head>
<body>
<div id="izquierda"></div>
<div id="derecha"></div>
</body>
</html>

Era la idea que apuntaba en #2