Foros del Web » Creando para Internet » CSS »

Problema con css y divs

Estas en el tema de Problema con css y divs en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/07/2008, 17:25
 
Fecha de Ingreso: julio-2005
Ubicación: En el país del a ignorancia
Mensajes: 72
Antigüedad: 12 años, 4 meses
Puntos: 0
Problema con css y divs

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:
* { padding0margin0; }

body {
    
font-familyGenevaArialHelveticasans-serif;
    
font-size13px;
    
text-align:center/*Este es el truco para I.E. Centrado */
    
background-color:#E2E2FA;
    
background#e5edce url(imagenes/fondo.gif) repeat-x;}
#contenedor {
    
marginauto;
    
width1000px;
    
text-align:left/* En el contenedor se vuelve a poner el valor por defecto Centrado */ 
}
#header {
    
color#000;
    
width1000px;
    
floatleft;
    
padding0px;
    
border1px solid #9DEF3B;
    
height225px;
    
margin10px 0px 5px 0px;
    
background-color:#D7EFBA;
    
background-imageurl(imagenes/cargando.gif);
}

/* Estilo del contenerdor del menu horizontal */
#menusup {
    
color#000;
    
alingright;
    
border0px solid #9DEF3B;
    
height34px;
    
marginauto 0px 5px;
    
background-color:transparent
    
width920px;
    
floatleft;
}

 
/*    Menu Horizontal  */

#menuh {
    
floatright;
    
font-familyArialHelveticasans-serif;
    
background-imageurl(imagenes/menu.gif);
    
background-color#00CC00;
}
#menuh ul, li {
    
list-style-typenone;
}
#menuh ul {
    
margin0;
    
padding0;
    
background-imageurl(imagenes/menu.gif);
}
#menuh li {
    
floatleft;
    
background-color#00FF33;
    
}
#menuh a {
    
text-decorationnone;
    
color#5E7830;
    
background#000;
    
background-imageurl(imagenes/menu.gif);
    
displayblock;
    
padding8px 50px;
    
text-aligncenter;
    
border1px solid #9DEF3B;
    
border-width1px 1px 1px 1px;
}
#menuh a:hover {
    
background-imageurl(imagenes/menu.gif);
    
background-color#3300CC;
}

/* Estilo columna izquierda*/

#columi {
    
color#333;
    
border1px solid #9DEF3B;
    
background:#D7EFBA;
    
margin0px 5px 5px 0px;
    
padding0px;
    
heightauto;
    
widthauto;
    
floatleft;
}
#content {
    
floatleft;
    
color#333;
    
border1px solid #9DEF3B;
    
background:#D7EFBA;
    
padding7px;
    
heightauto;
    
width500px;
    
displayinline;
    
margin-top0px;
    
margin-right5px;
    
margin-bottom5px;
    
margin-left5px;
}
#columd {
    
color#333;
    
border1px solid #9DEF3B;
    
background:#D7EFBA;
    
padding8px;
    
height325px;
    
width210px;
    
floatright;
}
#footer {
    
width922px;
    
clearboth;
    
color#333;
    
border1px solid #9DEF3B;
    
background-color:#D7EFBA;
    
margin0px 0px 0px 0px;
    
background-imageurl(imagenes/cargando.gif);
}.
menuv {
    
background#0066CC;
}


.
contador {
    
widthauto;
    
border-stylesolid solid solid solid;
    
border-color#94AA74;
    
border-size1px;
    
border-width1px;
}
.
usuarios {
    
width200px;
    
border-stylesolid solid solid solid;
    
border-color#94AA79;
    
border-size1px;
    
border-width1px;
}

/* --- Formularios --- */

fieldset
{
    
displayblock;
    
width350px;
    
margin-leftauto;
    
margin-rightauto;
    
margin-top15px;
    
margin-bottom15px;
    
border-stylesolid;
    
border-width1px;
    
border-color#96C5FF;
    
padding0px 15px 10px 15px;
}

fieldset legend
{
    
font-size0.9em;
    
font-weightbold;
    
border-stylesolid;
    
border-width1px;
    
border-color#96C5FF;
    
background-color#E0EBFF;
    
padding5px;
    
margin-bottom10px;
}

fieldset label
{
    
displayblock;
    
floatleft;
    
width110px;
    
text-alignright;
    
white-spacenowrap;
    
padding-top3px;
    
margin-right10px;
}

fieldset input,
fieldset textarea
{
    
displayblock;
    
floatleft;
    
width200px;
    
margin-right3px;
}

fieldset div
{
    
displayblock;
    
clearboth;
    
width100%;
    
height16px;
    
padding4px 0px 4px 0px;
    
margin0px;
    
white-spacenowrap;
}

/* noticias*/

.contenedornoticia {
    
margin-top10px;
    
margin-bottom5px;
    
width500px;
}
.
contenidonoticias {
    
text-indent15px;
    
padding5px;
    
margin-top2px;
    
border1px dashed #000;
}
.
autor_fecha_tema {
    
text-aligncenter;
    
padding5px;
    
margin-top5px;
    
margin-bottom5px;
    
border1px solid #000;
    
background-color#CCFFCC;
}
.
titulosnoticia {
    
background#CCFFCC;
    
text-indent15px;
    
padding5px;
    
border1px solid #000;
}
.
noticiasindex {
    
widthauto;
    
border1px solid #000;
    
padding5px;
    }
    
.
titulos {
    
text-aligncenter;
    
margin5px 5px 10px;
    
widthauto;
    
border1px solid #96C5FF;
    
padding5px;
    
background-color#DAFCD6;
}

/* --- Estilos de la Paginación --- */

div.paginacion
{
    
text-aligncenter;
}

div.paginacion div.datos
{
    
displayblock;
    
padding5px 0px 5px 0px;
}

div.paginacion span.pag
{
    
displayblock;
    
padding8px 0px 8px 0px;
}

span.pag
{
    
displayblock;
    
padding3px 0px 3px 0px;
    
border0;
    
text-aligncenter;
}

span.pag a:link,
span.pag a:visited,
span.pag span.antsig,
span.pag span.actual
{
    
displayinline;
    
text-decorationnone;
    
width20px;
    
color#6A8AAD;
    
border1px solid #99C9FF;
    
padding1px 4px 2px 4px;
    
margin0px 1px 1px 0px;
    
white-spacenowrap;
}

span.pag a:hover,
span.pag a:active
{
    
border-color#2E6AB1;
}

span.pag span.actual
{
    
background#99C9FF;
    
color#FFFFFF;
    
font-weightbold;
}

span.pag span.antsig
{
    
color#8F8F8F;
    
border-color#D4D4D4;
}

/*Menu vertical*/

.glossymenu, .glossymenu li ul{
    list-
style-typenone;
    
margin0;
    
padding0;
    
width200px;
    
border-stylesolid solid solid solid;
    
border-color#94AA74;
    
border-size1px;
    
border-width1px;
}

.
glossymenu li{
positionrelative;
}

.
glossymenu li a{
backgroundwhite url(glossyback.gifrepeat-x bottom left;
fontbold 12px VerdanaHelveticasans-serif;
colorwhite;
displayblock;
widthauto;
padding5px 0;
padding-left10px;
text-decorationnone;
}

.
glossymenu li ul/*SUB MENU STYLE*/
positionabsolute;
width180px/*WIDTH OF SUB MENU ITEMS*/
left0;
top0;
displaynone;
}

.
glossymenu li ul li{
floatleft;
}

.
glossymenu li ul a{
width180px/*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.
glossymenu .arrowdiv{
positionabsolute;
right2px;
backgroundtransparent url(arrow.gifno-repeat center right;
}

.
glossymenu li a:visited, .glossymenu li a:active{
colorwhite;
}

.
glossymenu li a:hover{
background-imageurl(glossyback2.gif);
}

/* Holly Hack for IE \*/
html .glossymenu li floatleftheight1%; }
html .glossymenu li a height1%; }
/* End */ 
  #2 (permalink)  
Antiguo 07/07/2008, 22:55
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: Problema con css y divs

Holas malaria, prueba modificando

Código HTML:
#columd {
    color: #333;
    border: 1px solid #9DEF3B;
    background:#D7EFBA;
    padding: 8px;
    height: 325px;
    width: 210px;
  [B]  float: right;[/B]
}
a

Código HTML:
#columd {
    color: #333;
    border: 1px solid #9DEF3B;
    background:#D7EFBA;
    padding: 8px;
    height: 325px;
    width: 210px;
  [B]  float: left;[/B]
}
croe que con eso solucionarias el problema... despues debes corregir los margenes con las margin (valga la redundancia jaja).

el float right hace que tu div se valla totalmente a la derecha, tambien lo puedes arreglar dandole margin derecho es decir sube la cantidad margin: 0 X 0 0; en donde esta X y veras que se va a ir corriendo. Aunque si me preguntas es mejor el primer metodo

Espero que te sirva, si no es eso avisa y lo miro mas detalladamente (es q lo mire muy por arriba)....
Saludos, Damian.
  #3 (permalink)  
Antiguo 07/07/2008, 22:55
 
Fecha de Ingreso: diciembre-2005
Mensajes: 97
Antigüedad: 12 años
Puntos: 0
Respuesta: Problema con css y divs

hola Malaria:
Por el CSS y viendo la imagen eh de suponer:
  1. Que el ancho del contenedor es:1000px
  2. que columi,contet y columd; estan dentro de contenedor
  3. columi: (ancho=auto=X + margen=10px)=auto+10px
  4. content(ancho=500px+padding:14px+margin=10px+borde r=2px)=526px
  5. columd(ancho=210px+padding=16px+border=2px)=228px
  6. Sacando la calculadora y aplicando un poco de algebra, el ancho de (columi+content+columd)=754px+ auto
lo que creo yo, es que deberias de darle un ancho fijo a columi, y tratar de cubrir los 1000px de ancho que tiene el contenedor, aumentado la diferencia de = 1000px-(754-auto)px al resto de los DIVs
Salu2
__________________
_Derek_
  #4 (permalink)  
Antiguo 07/07/2008, 22:56
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: Problema con css y divs

bueno no sabia que no se podia poner negritas dentro del codigo... el codigo correcto por las dudas seria

Código HTML:
#columd {
    color: #333;
    border: 1px solid #9DEF3B;
    background:#D7EFBA;
    padding: 8px;
    height: 325px;
    width: 210px;
    float: left;
}

Saludos.
  #5 (permalink)  
Antiguo 07/07/2008, 22:57
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: Problema con css y divs

jajaja que bobo que estoy... perdon...
  #6 (permalink)  
Antiguo 08/07/2008, 06:37
 
Fecha de Ingreso: julio-2005
Ubicación: En el país del a ignorancia
Mensajes: 72
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Problema con css y divs

Gracias Dacho me a servido tu respuesta ahora tengo que ajustar el resto de la web :).

Gracias a todos por responder.
  #7 (permalink)  
Antiguo 08/07/2008, 12:02
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: Problema con css y divs

de nada... me alegro haber podido ayudar...

Saludos... Damian.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:49.