Me incurcioné en el CSS y llevo 3hs programando y descubiendo como funciona.
Fui tomando códigos de otros lados, adaptandolos,
creando cajas!!! es algo rarisimo ya que siempre me manejé con tablas.
Bien, les comento mi problema, diseñé 3 cajas dentro de una caja que se alinea en el centro de la pantalla.
Una caja es la cabecera, otra el contenido y otra el pie..., clásica web.
El problema es que cuando intento visualizar la cabecera con dreamwaver no se ve, mientras que todo lo demás si.
¿Porque podría ser?
Código HTML:
<!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">
<head>
<style>
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(ImgyStile/bg.png);
}
.Sub-Fondo {
width: 926px;
height: 642px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -321px;
margin-left: -463px;
}
.Fondo {
width: 926px;
height: 431px;
background-image: url(ImgyStile/Fondo-Cuadro.png);
}
.Fondo-SepBordeCostado {
width: auto;
height: 100%;
margin-left: 15px;
margin-right: 15px;
}
.Fondo-SepBordeCostado-Izq {
width: 541px;
height: 391px;
margin-left: 10px;
margin-right: 10px;
margin-top: 30px;
margin-bottom: 10px;
float: left;
}
.Fondo-SepBordeCostado-EspDer {
width: 275px;
height: 339px;
margin-left: 10px;
margin-right: 30px;
margin-top: 46px;
margin-bottom: 46px;
background-image: url(ImgyStile/Fondo-Info-Contenedor.png);
float: right;
}
.Cabecera {
width: 926px;
height: 49px;
margin-bottom: 4px;
}
.Pie {
width: 918px;
height: 158px;
margin-left: 4px;
margin-right: 4px;
margin-top: 10px;
background-image: url(ImgyStile/Fondo-Fotos.png);
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></head>
<body>
<div class="Sub-Fondo">
<div class="Cabecera">
<img src="ImgyStile/Titulo.png" width="349" height="49">
</div>
<div class="Fondo">
<div class="Fondo-SepBordeCostado">
<div class="Fondo-SepBordeCostado-Izq"> </div>
<div class="Fondo-SepBordeCostado-EspDer"></div>
</div>
</div>
<div class="Pie"></div>
</div>
</body>
</html>
Gracias desde ya!!!