, y bueno despues de leer algunos tutoriales y demas me puse a pasar una paginilla realizada con tablas y demas para que se adapte al standar y bueno, parece que ha ido bien ya que al validarla todo ok, salvo una pequeña cuestion, el dichoso IE que me deja unos espacios donde no debería de haberlos, si alguien pudiera echarme una manilla se lo agradezco, con respecto al css seguramente estará mu lioso y habrá errores pero de momento mi intención no es la de depurarlo.Este es el codigo de la pagina
Código :
<!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" xml:lang="es" lang="es">
<head>
<title>Web Oficial | Hermandad de la Aurora</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/lib.js"></script>
<!-- JavaScript para incluir los flash -->
<script type="text/javascript" src="js/swfobject.js"></script>
<!-- JavaScript Abrir imagenes -->
<link rel="stylesheet" href="css/litebox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script>
</head>
<body onload="initLightbox()">
<div id="container">
<!-- Cabecera de la Pagina -->
<div id="cabecera">
<div class="cabeceratop">
<img src="images/cabeceratop.jpg" width="800" height="103" alt="Hermandad de la Aurora"/>
</div>
</div>
<div id="navegacion">
<div class="cabeceradown_left">
<img src="images/cabeceratop2.jpg" width="111" height="29" alt="Hermandad de la Aurora"/>
</div>
<div class="cabeceradown_right">
<!-- Menu Principal -->
<div class="menu">
<ul>
<li><a href="#" accesskey="c">Corporación</a></li>
<li><a href="#" accesskey="s">Sagrados Titulares</a></li>
<li><a href="#" accesskey="cl">Cultos</a></li>
<li><a href="#" accesskey="p">Patrimonio</a></li>
<li><a href="#" accesskey="i">Archivo de Imágenes</a></li>
<li><a href="#" accesskey="cn">Contacto</a></li>
</ul>
</div>
<!-- Fin Menu Principal -->
</div>
</div>
<!-- Fin Cabecera de la Pagina -->
<!-- Contenido Principal de la Pagina -->
<div id="contenido">
<!-- Contenido Izquierda -->
<div class="contenidohome">
<!-- Cuenta atras para el Jueves Santo -->
<div class="faltan">
<script type="text/javascript">
TargetDate = "4/5/2007 6:30 PM";
BackColor = "";
ForeColor = "";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "Faltan %%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos para el Jueves Santo de 2007";
FinishMessage = "5 de Abril, Jueves Santo";
</script>
<script type="text/javascript" src="js/countdown.js"></script>
</div>
<!-- Fin Cuenta atras para el Jueves Santo -->
<!-- Ticker Destacados -->
<div class="ticker">
<script type="text/javascript" src="js/ticker.js"></script>
</div>
<!-- Fin Ticker Destacados -->
<!-- CONTENIDO PRINCIPAL ACTUALIDAD-->
<p><img src="img/titulo_actualidad.jpg" width="300" height="35" alt="Actualidad"/></p>
<!-- noticia -->
<div class="noticia">
<strong>Lotería de Navidad</strong> ya se encuentran disponibles las participaciones para el sorteo de Navidad del 22 de Diciembre de 2006. <br/><br/>
<div class="centrado">
<img src="img/loterianavidad.jpg" width="188" height="100" alt="Loteria de Navidad"/>
</div>
</div>
<!-- noticia -->
<div class="noticia">
<strong>19/09/2006</strong> Una instantánea
en la que podemos ver el <strong>Paso
de Misterio de Ntro. Padre Jesús del Perdón</strong>
ante el convento de San Gregorio realizada por Antonio Guzmán
Ubeda designada como <strong>Cartel Oficial
de la Semana Santa de 2007</strong>.
<br/><br/><br/>
<div class="centrado">
<a href="img/carteloficial2007.jpg" rel="lightbox" title="FOTO: Antonio Guzman Ubeda FUENTE: Web de la Real Federacion de Cofradias de Granada"><img src="img/carteloficial2007peq.jpg" class="image" width="100" height="133" alt="Cartel Oficial"/></a>
<br/>
.- Pulsa sobre la imagen para ampliar -.<br/>
<br/>
</div>
</div>
<!-- noticia -->
<div class="noticia">
<strong>14/09/2006 Concurso Fotografías
Cartel Semana Santa 2007</strong>: Del 19 al 24 de Septiembre
se podrá visitar la exposición en el Centro Cultural
Caja Granada, Calle San Anton 22 en horario de 11h. a 14h. y
de 18h. a 21:30h.<br/>
<em>FUENTE: Web de la Real Federación
de Cofradías de Granada</em>
</div>
<!-- noticia -->
<div class="noticia">
<strong>9/09/2006</strong>
Para todos los Hermanos y visitantes que no han podido acercarse
por nuestra sede de San Miguel Bajo durante el Triduo celebrado
7, 8 y 9 de Septiembre en honor de nuestra Amantísma
Titular María Stma. de la Aurora, a continuación
encontraréis imágenes del altar de cultos.
<br/><br/>
<div class="centrado">
<a href="archivoimagenes/triduoaurora2006/triduoaurora2006_1.jpg" rel="lightbox[triduoaurora2006]"><img src="archivoimagenes/triduoaurora2006/1.jpg" width="65" height="49" class="image" alt="Triduo Aurora 2006"/></a>
<a href="archivoimagenes/triduoaurora2006/triduoaurora2006_2.jpg" rel="lightbox[triduoaurora2006]"><img src="archivoimagenes/triduoaurora2006/2.jpg" width="65" height="49" class="image" alt="Triduo Aurora 2006"/></a>
<a href="archivoimagenes/triduoaurora2006/triduoaurora2006_3.jpg" rel="lightbox[triduoaurora2006]"><img src="archivoimagenes/triduoaurora2006/3.jpg" width="65" height="49" class="image" alt="Triduo Aurora 2006"/></a>
<a href="archivoimagenes/triduoaurora2006/triduoaurora2006_4.jpg" rel="lightbox[triduoaurora2006]"><img src="archivoimagenes/triduoaurora2006/4.jpg" width="65" height="49" class="image" alt="Triduo Aurora 2006"/></a>
<a href="archivoimagenes/triduoaurora2006/triduoaurora2006_5.jpg" rel="lightbox[triduoaurora2006]"><img src="archivoimagenes/triduoaurora2006/5.jpg" width="65" height="49" class="image" alt="Triduo Aurora 2006"/></a>
<a href="archivoimagenes/triduoaurora2006/triduoaurora2006_6.jpg" rel="lightbox[triduoaurora2006]"><img src="archivoimagenes/triduoaurora2006/6.jpg" width="65" height="49" class="image" alt="Triduo Aurora 2006"/></a>
<br/>
.- Pulsa sobre la imagen para ampliar -. </div>
</div>
<!-- noticia -->
<div class="noticia">
<strong>6/09/2006</strong> Desde <em>www.cofradiadelaaurora.com</em>
os damos la bienvenida tras la vuelta de las vacaciones, y a
los que se van en estas fechas les deseamos que las disfruten,
como veis hemos cambiado el aspecto de nuestra web, pero siempre
con la intención de servir como puente de comunicación
a todos los Hermanos y visitantes en general de cuantos cultos,
actos y noticias genere la Hermandad.<br/> <br/>
Como veréis aún hay algunas subsecciones en las
que no existe contenido alguno, debido a que estamos realizando
un riguroso trabajo de actualización de toda la información,
rogamos disculpéis esta falta de contenido.
</div>
<!-- FIN CONTENIDO PRINCIPAL ACTUALIDAD -->
</div>
<!-- Contenido Lateral de la Pagina -->
<div class="contenidolateral">
<p class="centrado">
<script type="text/javascript" src="js/fecha.js"></script>
<br/><br/>
<!--
<a href="enlaces/enlaces.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','img/links1.jpg',1)"><img src="img/links.jpg" name="Image15" width="156" height="34" class="image" alt="Enlaces de Interes"/></a><a href="http://miarroba.com/foros/ver.php?id=622553" target="_blank" onMouseOver="MM_swapImage('Image16','','img/forohdad1.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="img/forohdad.jpg" name="Image16" width="69" height="34" class="image" alt="Foro"/></a>
-->
</p>
<img src="img/titulo_calendario.jpg" width="225" height="34" alt="Calendario de Actividades"/>
<div id="contenidoflash" class="centrado">
<script type="text/javascript">
var so = new SWFObject("img/calendar.swf", "countdown", "195", "250", "7", "#FFFFFF");
so.addParam("menu", "false");
so.write("contenidoflash");
</script>
<br/>
</div>
<!-- Parte lateral -->
<img src="img/titulo_smb.jpg" width="225" height="34" alt="San Miguel Bajo"/>
<div class="espaciolateral">
Nuestra sede de San Miguel Bajo permanecerá
abierta todos los <strong>Sábados</strong> de mes en
horario <strong>de 11h. a 14h.</strong> para todos los Hermanos
que deseen acercarse por el Albayzin así como a visitantes
en general.
<br/><br/>
<strong><em>Eucaristía</em></strong>: Todos los Domingos
a las 12:30h. SEGUNDOS DOMINGOS de mes Cultos Mensuales.<br/>
<br/><br/>
<em><strong>Formación</strong></em>: Todos los TERCEROS VIERNES de mes a las 21h.
</div>
<!-- Parte lateral -->
<img src="img/titulo_recomendado.jpg" width="225" height="34" alt="Recomendado"/>
<div class="espaciolateral">
<div class="centrado">
<img src="img/recomendado_trespotencias.gif" width="85" height="85" alt="Tres Potencias"/>
</div>
<br/>
Página de la <strong>Tertulia Cofrade Tres Potencias</strong>
de Granada, en ella podrás compartir las opiniones más
variadas dentro de su foro, en el que hay una gran participación.<br/>
<br/>
<div class="centrado">
<a href="http://www.trespotencias.com" target="_blank" class="texto">http://www.trespotencias.com</a>
</div>
</div>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img src="img/w3cxhtmlvalidated.gif" alt="Valid XHTML 1.0 Transitional" height="14" width="74" class="image"/></a>
</p>
</div>
<!-- Fin Contenido Lateral de la Pagina -->
</div>
<!-- Fin Contenido Principal de la Pagina -->
<!-- Pie de la Pagina -->
<div id="pie">
<div class="piepagina">
<b>Hermandad de la Aurora</b><br/>Iglesia de San Miguel Bajo <i>Albayzin</i>
<br/><br/>
<img src="img/bandabaja.jpg" width="820" height="30" alt="Fin Pagina"/>
</div>
</div>
<!-- Fin Pie de la Pagina -->
</div>
<!-- Fin Contenedor -->
</body>
</html>
Y este el CSS
Código :
body{
background-color: #E7E4CB;
margin-top: 0px;
text-align: center;
}
/* CONTENEDOR PRINCIPAL */
#container{
margin: auto;
width: 820px;
background-image: url(../images/filopagina.jpg);
background-repeat: repeat-y;
background-position: center;
z-index:0;
}
/* CABECERA DE PAGINA */
#cabecera{
margin: auto;
width: 820px;
}
.cabeceratop{
margin: auto;
width: 800px;
height: 103px;
}
#navegacion{
margin: auto;
width: 800px;
border: 0px;
padding: 0 0 0 0px;
}
.cabeceradown_left{
float: left;
width: 111px;
height: 29px;
}
.cabeceradown_right{
float: right;
width: 689px;
height: 29px;
background-image: url(../images/cabeceradown.jpg);
background-repeat: no-repeat;
}
/* Menu Principal */
.menu {
float: right;
width: 689px;
height: 29px;
font-family: "Times New Roman";
font-style: italic;
font-size: 15px;
font: bold;
color: #96956D;
text-indent: 20px;
}
.menu li {
margin: 0px;
list-style: none;
float: left;
}
.menu li a {
font-weight: bold;
color: #96956D;
text-decoration: none;
}
.menu li a:hover {
color: #990000;
}
ul {
margin: 5px 0 0 0;
padding : 0 0 0 35px;
list-style : none;
}
#contenido{
float: auto;
margin: auto;
width: 800px;
clear: both;
}
/* Espacio Principal de la Pagina */
.contenidohome{
float: left;
margin: auto;
background-color: #FAFAF5;
width: 546px;
padding: 0 2px 0 2px;
}
.noticia{
margin: auto;
padding-top: 15px;
width: 530px;
margin-top: 10px;
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
text-align: justify;
}
/* Lateral de Pagina */
.contenidolateral{
float: right;
width: 246px;
padding: 0 2px 0 2px;
text-align: justify;
}
.espaciolateral{
margin: auto;
width: 230px;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
text-align: justify;
padding: 5px 0 10px 0;
}
/* PIE DE PAGINA */
#pie{
float: auto;
margin: auto;
width: 820px;
clear: both;
}
.piepagina{
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
text-align: center;
margin: auto;
padding: 35px 0 0px 0;
}
/* Texto */
p {
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
text-align: justify;
}
.centrado {
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
text-align: center;
}
.texto {
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
text-align: justify;
}
.texto:link{
text-decoration: none;
color: #837B66;
}
.texto:Active{
text-decoration: none;
color: #837B66;
}
.texto:Visited{
text-decoration: none;
color: #837B66;
}
.texto:Hover {
color: #837B66; /*font-weight: bold;*/
text-decoration: underline;
}
/* Faltan x dias para...*/
.faltan{
margin: auto;
width: 530px;
height: 12px;
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
text-align: center;
background-image: url(../images/fondofaltan.gif);
background-repeat: no-repeat;
}
/* Ticker de Noticias */
.ticker{
margin: auto;
width: 530px;
height: 50px;
background-color: #F0F0F0;
margin-top: 10px;
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
}
/* Principal */
.principal{
margin: auto;
width: 530px;
margin-top: 10px;
COLOR: #66612F;
FONT-FAMILY: Verdana, Arial, helvetica;
FONT-SIZE: 10px;
text-align: justify;
}
.sanmiguelbajo{
width: 247px;
height: 185px;
padding: 0 3px 0 0;
margin: 0 3px 0 3px;
background-image: url(../img/sanmiguelhome.jpg);
background-repeat: no-repeat;
text-align: justify;
}
.image{
border: 0px;
}
Exactamente el problema creo que esta entre #cabecera y #navegacion entra las cuales me deja una linea, ne me las ajusta, deja una separación, además me pasa lo mismo con la clase .faltan que debería aparecer totalmente pegado en la parte superior de donde se encuentra y por ultimo en #pie o .piepagina no se seguro me deja un espacio en la parte inferior que deberia quedar pegado a la parte inferior del container.
Puffff vaya pegoton jejejej!!!! bueno si alguien por favor me pudiera dar la solución se lo agradecería montón!!!MUCHAS GRACIAS!!!
Saludos!!!
ups se me olvido decir eso que eso solo servia para explorer.... jejeje sorry, pero talvez puedas hacerlo en una sola hoja de estilo ustilizando el modificador !important que no soporta ie, entonces te quedaria asi: 
con lo que para solucionarlo ahora unicamente utilizo el float:left; en la que será la columna izquierda pero en la derecha suprimo el float:right;