Hola amigos estoy creando mi primer site integramente con
CSS, creo que ya era hora de empezar.....
Mi código:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SECOBRAS s.a.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background: url(imagenes/fondo.gif) repeat-x;
color: #959657;
}
#contenedor {
width: 777px;
height: 100%;
background:url(imagenes/fondo_contenedor.gif) repeat-y;
margin: 0px auto 0;
position: relative;
left: 10%;
color: #fff;
}
#contenedorInterno{
margin-left: 10px;
width: 98%;
background:#000000;
color: #FF0000;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="contenedorInterno">
HOLA CHAROLAS!!!!!<br>
HOLA CHAROLAS!!!!!<br>
HOLA CHAROLAS!!!!!<br>
HOLA CHAROLAS!!!!!<br>
</div>
</div>
</body>
</html> Verán, se me complica bastante, si alguno me da una manito se lo agradeceria infinitamente, quiero que el
contenedor principal quede centrado con respecto al browser y que el
contenedorInterno quede centrado respecto al
contenedor.
Y por otro lado se ve mal en IE (descentrado) y en FF se ve un poco más centrado...
De nuevo mil gracias!
DX