Este es el archivo estilos.css
Código:
/*CSS Document*/
body{
background:url(images/fondo.gif);
font:10pt Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:left;
margin:20px 0px 20px 0px;
}
/*#prueba{
height:auto;
}*/
#contenedor{
width:760px;
margin:auto;
text-align:left;
background:#ffffff;
border:2px solid #cccccc;
}
#cabecera{
background:url(images/encabezado.jpg);
border-bottom:1px solid #cccccc;
width:760px;
height:98px;
/*margin:auto;*/
}
#left{
width:180px;
float:left;
/*border-top:1px solid #cccccc;*/
/*border-right:1px solid #cccccc;*/
border:1px solid #cccccc;
background:#009966;
color:#FFFFFF;
}
.title{
font:10pt Verdana, Arial, Helvetica, sans-serif;
color:#666666;
background:#ffffcc;
text-transform:uppercase;
letter-spacing:1px;
padding:7px 3px 7px 3px;
margin:0px;
}
.cuerpoleft{
padding:10px 5px 10px 5px;
}
.cuerpoleft li{
list-style:none;
line-height:18px;
}
a.links,a.links:VISITED,a.links:ACTIVE,a.links:FOCUS,a.links:LINK{
color:#FFFFFF;
}
a.links:HOVER{
color:#ffffcc;
}
input{
font-size:8pt;
color:#666666;
}
.camptext{
width:60px;
border:1px solid #cccccc;
}
#usuario input{
margin-left:27px;
}
#usureg{
letter-spacing:normal;
}
#cuerpo{
width:565px;
float:right;
padding:10px 5px 10px 5px;
border:1px solid #cccccc;
background-color:#ffffff;
}
h1{
font-weight:normal;
text-align:center;
}
/*.parr{
padding-top:25px;
}*/
/*p{
line-height:18px;
}*/
a{
color:#3366FF;
}
#pie{
clear:both;
text-align:center;
padding:6px 0px;
background:#F2FFFF;
/*line-height:2px;*/
/*margin:47px 0px;*/
border-top:1px solid #cccccc;
}
Este es el index.html
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bienvenido a T.V. Ambalema - Lo que usted quiere!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos.css" type="text/css">
</head>
<body>
<div id="contenedor">
<div id="cabecera">
</div>
<div id="left">
<h4 class="title">Ingresar</h4>
<div id="primeizq" class="cuerpoleft">
<form action="#" method="post" name="formingusu" onSubmit="">
<div id="usuario">Usuario:
<input name="login" type="text" class="camptext">
</div>
<div id="contrasena">Contraseña:
<input name="password" type="password" class="camptext">
</div>
<div id="botonir">
<input type=image src="images/go.gif">
</div>
</form>
</div>
<h4 class="title">Conózcanos</h4>
<div id="segunizq" class="cuerpoleft">
<li><a href="#" class="links">Inicio</a></li>
<li><a href="#" class="links">Quiénes somos?</a></li>
<li><a href="#" class="links">Servicios</a></li>
</div>
<h4 id="usureg" class="title">Usuarios registrados</h4>
<div id="cuartoizq" class="cuerpoleft">
<li><a href="#" class="links">Consultas</a></li>
<li><a href="#" class="links">PQR</a></li>
</div>
</div>
<div id="cuerpo">
<h1>BIENVENIDO(A)!</h1>
<p>
Estimado(a) visitante estamos muy complacidos con su presencia. Lo(a) invitamos a que
conozca nuestras secciones y se familiarice con su contenido.
</p>
<p>
Si es usuario(a) de T.V. Ambalema, inicie sesión para que pueda acceder a sus
servicios virtuales.
</p>
<p>
Si aún no es un(a) usuario(a) registrado(a), podrá ver nuestros
servicios ofrecidos en la sección 'Conózcanos'.
</p>
<p>
Esperamos que nuestro sitio sea de su agrado.
</p>
<p id="centr">
Gracias por visitarnos!!!
</p>
<p>
Qué será lo que no deja bajar el pie de pagina en Internet Explorer????. En Mozilla Firefox
todo va bien pero en la barrabasada de Explorer, no entiende que tiene que bajar el pié a raz con el cuerpo....
</p>
<p>
Parece ser que no toma la anchura que se le va otorgando a medida que uno va ingresando texto en la div
"cuerpo", lo que oacasiona que siga con el mismo ancho y la div "pie", no se coloque donde
debe ser.
</p>
</div>
<div id="pie">
Tiene sugerencias, comentarios? escríbanos: <a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</body>
</html>
Espero que me puedan ayudar..... Gracias de antemano.