Le quiero poner un margen arriba de 30 pixeles al pie de pagina, sin embargo ya se lo especifique en la hoja de estilos pero no lo muestra ¿por que?
Este es mi codigo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DirectorioElectronico.INFO</title>
<link href="hoja de estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="CONTENEDOR">
<div id="ENCABEZADO"></div>
<div id="LINEAAMARILLA">
<div class="LINEAAMARILLA" id="TEXTOLINEAAMARILLA">1 . - Seleccione el estado del que desea ver los anuncios</div>
</div>
<div id="CONTENEDOR2"><div class="BIENVENIDO">¡ Bienvenido !</div>
<div class="TEXTOBIENVENIDO">Bienvenido al Directorio Electronico, para ver los anuncios por favor primero selecciona el estado del que desea ver los anuncios.</div>
<div id="ESTADOS">
<div class="ESTADOS" id="ESTADOS1">Baja California Norte<br />
Baja California Sur<br />
Sonora<br />
Chihuahua<br />
Coahuila<br />
Nuevo León<br />
Tamaulipas<br />
Sinaloa<br />
Durango<br />
Zacatecas<br />
San Luis Potosi<br />
Verazruz<br />
Nayarit<br />
Jalisco<br />
Aguascalientes<br />
Guanajuato</div>
<div class="ESTADOS" id="ESTADOS2">Queretaro<br />
Hidalgo<br />
Colima<br />
Michoacan<br />
Estado de México<br />
D.F.<br />
Morelos<br />
Tlaxcala<br />
Puebla<br />
Guerrero<br />
Oaxaca<br />
Tabasco<br />
Chiapas<br />
Campeche<br />
Yucatan<br />
Quintana Roo</div>
</div>
<div id="PIEDEPAGINA"> 2008 Directorio Electronico - Todos los derechos reservados</div>
</div>
</div>
</body>
</html>
Y esta es la hoja de estilos:
@charset "utf-8";
/* CSS Document */
body { background-color:#0066FF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
#CONTENEDOR { width:100%; height: auto}
#ENCABEZADO {height:100px; width: 100%}
#LINEAAMARILLA { clear:both; width:100%; height: auto; background-color:#FFCC00; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF}
#TEXTOLINEAAMARILLA { width: 1024px;height: auto; margin-left: auto; margin-right: auto}
#CONTENEDOR2 {clear:both; width: 1024px; height: auto; margin-left: auto; margin-right: auto}
#ESTADOS { background-color:#FFFFFF; margin-top:20px }
#ESTADOS1 {width: 491px; height: auto; float:left; border-left: 1px dashed #FFFFFF}
#ESTADOS2 {width: 491px; height: auto; float:left; ; border-left: 1px dashed #FFFFFF}
#PIEDEPAGINA { clear: both; width:100%; height: auto; margin-top:30px}
.LINEAAMARILLA {font-family: Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold}
.LINEADETEXTO {font-family:Georgia, "Times New Roman", Times, serif; color:#000000}
.BIENVENIDO {font-family:Georgia, "Times New Roman", Times, serif; font-size:50px; color:#FFFFFF; padding-top: 10px }
.TEXTOBIENVENIDO { font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; padding-top: 10px; padding-bottom: 20px; color: #FFFFFF }
.ESTADOS { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding: 10px }
¿ Que pasa?
