Bueno el problema es que no puedo eliminar el espacio entre las noticias y el lateral derecho, he probado con los margins pero nad de nada (incluso alguna vez me funciono en firefox) pero en ie no. Gracias.
Aqui les dejo una captura y el codigo css.
Código PHP:
* { padding: 0; margin: 0; }
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
text-align:center; /*Este es el truco para I.E. Centrado */
background-color:#E2E2FA;
background: #e5edce url(imagenes/fondo.gif) repeat-x;}
#contenedor {
margin: auto;
width: 1000px;
text-align:left; /* En el contenedor se vuelve a poner el valor por defecto Centrado */
}
#header {
color: #000;
width: 1000px;
float: left;
padding: 0px;
border: 1px solid #9DEF3B;
height: 225px;
margin: 10px 0px 5px 0px;
background-color:#D7EFBA;
background-image: url(imagenes/cargando.gif);
}
/* Estilo del contenerdor del menu horizontal */
#menusup {
color: #000;
aling: right;
border: 0px solid #9DEF3B;
height: 34px;
margin: auto 0px 5px;
background-color:transparent;
width: 920px;
float: left;
}
/* Menu Horizontal */
#menuh {
float: right;
font-family: Arial, Helvetica, sans-serif;
background-image: url(imagenes/menu.gif);
background-color: #00CC00;
}
#menuh ul, li {
list-style-type: none;
}
#menuh ul {
margin: 0;
padding: 0;
background-image: url(imagenes/menu.gif);
}
#menuh li {
float: left;
background-color: #00FF33;
}
#menuh a {
text-decoration: none;
color: #5E7830;
background: #000;
background-image: url(imagenes/menu.gif);
display: block;
padding: 8px 50px;
text-align: center;
border: 1px solid #9DEF3B;
border-width: 1px 1px 1px 1px;
}
#menuh a:hover {
background-image: url(imagenes/menu.gif);
background-color: #3300CC;
}
/* Estilo columna izquierda*/
#columi {
color: #333;
border: 1px solid #9DEF3B;
background:#D7EFBA;
margin: 0px 5px 5px 0px;
padding: 0px;
height: auto;
width: auto;
float: left;
}
#content {
float: left;
color: #333;
border: 1px solid #9DEF3B;
background:#D7EFBA;
padding: 7px;
height: auto;
width: 500px;
display: inline;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
#columd {
color: #333;
border: 1px solid #9DEF3B;
background:#D7EFBA;
padding: 8px;
height: 325px;
width: 210px;
float: right;
}
#footer {
width: 922px;
clear: both;
color: #333;
border: 1px solid #9DEF3B;
background-color:#D7EFBA;
margin: 0px 0px 0px 0px;
background-image: url(imagenes/cargando.gif);
}.menuv {
background: #0066CC;
}
.contador {
width: auto;
border-style: solid solid solid solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
.usuarios {
width: 200px;
border-style: solid solid solid solid;
border-color: #94AA79;
border-size: 1px;
border-width: 1px;
}
/* --- Formularios --- */
fieldset
{
display: block;
width: 350px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
border-style: solid;
border-width: 1px;
border-color: #96C5FF;
padding: 0px 15px 10px 15px;
}
fieldset legend
{
font-size: 0.9em;
font-weight: bold;
border-style: solid;
border-width: 1px;
border-color: #96C5FF;
background-color: #E0EBFF;
padding: 5px;
margin-bottom: 10px;
}
fieldset label
{
display: block;
float: left;
width: 110px;
text-align: right;
white-space: nowrap;
padding-top: 3px;
margin-right: 10px;
}
fieldset input,
fieldset textarea
{
display: block;
float: left;
width: 200px;
margin-right: 3px;
}
fieldset div
{
display: block;
clear: both;
width: 100%;
height: 16px;
padding: 4px 0px 4px 0px;
margin: 0px;
white-space: nowrap;
}
/* noticias*/
.contenedornoticia {
margin-top: 10px;
margin-bottom: 5px;
width: 500px;
}
.contenidonoticias {
text-indent: 15px;
padding: 5px;
margin-top: 2px;
border: 1px dashed #000;
}
.autor_fecha_tema {
text-align: center;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #000;
background-color: #CCFFCC;
}
.titulosnoticia {
background: #CCFFCC;
text-indent: 15px;
padding: 5px;
border: 1px solid #000;
}
.noticiasindex {
width: auto;
border: 1px solid #000;
padding: 5px;
}
.titulos {
text-align: center;
margin: 5px 5px 10px;
width: auto;
border: 1px solid #96C5FF;
padding: 5px;
background-color: #DAFCD6;
}
/* --- Estilos de la Paginación --- */
div.paginacion
{
text-align: center;
}
div.paginacion div.datos
{
display: block;
padding: 5px 0px 5px 0px;
}
div.paginacion span.pag
{
display: block;
padding: 8px 0px 8px 0px;
}
span.pag
{
display: block;
padding: 3px 0px 3px 0px;
border: 0;
text-align: center;
}
span.pag a:link,
span.pag a:visited,
span.pag span.antsig,
span.pag span.actual
{
display: inline;
text-decoration: none;
width: 20px;
color: #6A8AAD;
border: 1px solid #99C9FF;
padding: 1px 4px 2px 4px;
margin: 0px 1px 1px 0px;
white-space: nowrap;
}
span.pag a:hover,
span.pag a:active
{
border-color: #2E6AB1;
}
span.pag span.actual
{
background: #99C9FF;
color: #FFFFFF;
font-weight: bold;
}
span.pag span.antsig
{
color: #8F8F8F;
border-color: #D4D4D4;
}
/*Menu vertical*/
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
border-style: solid solid solid solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 180px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */