12/03/2007, 15:32
|
 | Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses Puntos: 280 | |
| Re: Primer diseño con div ayuda por favor.
A ver si te sirve este ejemplo:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>billbody</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style>
body { background-color: rgb(204, 204, 204);
}
#cabecera { position: relative;
background-color: rgb(0, 0, 102);
font-size: 1.3em;
color: rgb(255, 255, 255);
height: 140px;
text-align: center;
padding-top: 5px;
width: 100%;
}
#cuerpo { border-style: solid;
border-width: 1px;
margin: 0px auto;
width: 740px;
position: relative;
overflow: auto;
}
#columna1 { padding: 10px;
float: left;
background-color: rgb(51, 102, 102);
border-right: solid 1px;
width: 476px;
}
#columna2 { padding: 10px;
float: right;
width: 223px;
}
</style>
</head>
<body>
<div id="cabecera">
<h2>Esto es la cabecera con un ancho del 100%</h2>
</div>
<div id="cuerpo">
<div id="columna1">Columna 1<br>
Olortio odolor si. Lent wisisl eugiamc
onulput nos nit dolorperos ad
modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et
ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad
tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del
ulla facinit augiat.<br>
Olortio odolor si. Lent wisisl eugiamc onulput nos nit dolorperos ad
modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et
ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad
tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del
ulla facinit augiat.<br>
Olortio odolor si. Lent wisisl eugiamc onulput nos nit dolorperos ad
modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et
ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad
tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del
ulla facinit augiat.<br>
Olortio odolor si. Lent wisisl eugiamc onulput nos nit dolorperos ad
modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et
ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad
tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del
ulla facinit augiat.<br>
Olortio odolor si. Lent wisisl eugiamc onulput nos nit dolorperos ad
modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et
ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad
tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del
ulla facinit augiat.
</div>
<div id="columna2">Columna 2<br>
Olortio odolor si. Lent wisisl
eugiamc onulput nos nit dolorperos ad
modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et
ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad
tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del
ulla facinit augiat.<br>
Olortio odolor si. Lent wisisl eugiamc onulput nos nit dolorperos ad
modo core euisim vel et ip eum ercil et, sis nim iurem nim iriusci et
ero ex ea con vent amconsectem non essit adipsum sandre minim nos ad
tat, quis aliquisis am quissed dolor sumsan henis nos augait wismod del
ulla facinit augiat.
</div>
</div>
</body>
</html>
Mikel. |