Foros del Web » Creando para Internet » CSS »

Una pavada de alineacion.

Estas en el tema de Una pavada de alineacion. en el foro de CSS en Foros del Web. Hola que tal webmasters. es una duda simple pero no encuentro el error. Ok en las diferentes secciones de mi web, por alguna razon que ...
  #1 (permalink)  
Antiguo 07/06/2011, 13:30
 
Fecha de Ingreso: mayo-2011
Mensajes: 36
Antigüedad: 6 años, 2 meses
Puntos: 0
Una pavada de alineacion.

Hola que tal webmasters.

es una duda simple pero no encuentro el error.

Ok en las diferentes secciones de mi web, por alguna razon que no encuentro la alineacion se ve diferente, paso a mostrarles:



Si notan sobre el cuadro amarillo en la parte superior se hay un espacio entre el comienzo de la web y el primer div (un cm aprox)

En al siguiente seccion:



Arriba del rectangulo ya no hay espacio!
Asi es como quiero que quede!.

Pero no hay ningun css que lo afecte, ni espacios ni nada. los dos comienzan justo al comienzo del body.

alguna ayuda?

Dejo los css x las dudas.

css:
Cita:
#contenido {
height:150px;
background-color:#FFFFFF;
width:802px;
padding-bottom: 0px;
background-image: url(Imagenes/ban2.jpg);
background-repeat: no-repeat;
}


css
Cita:
#contenido {
height:150px;
background-color:#FFFFFF;
width:802px;
background-image: url(Imagenes/ban2.jpg);
background-repeat: no-repeat;
}
Nose porque pero quiero quitar ese espacio.
Miren el cod no hay nada raro:

Del que tiene espacio:
Código:
<body>
<div id="contenido" style="margin-left:260px; width: 800px">
Del que no:
Código:
<body>
<div id="contenido" style="margin-left:260px; width: 800px">
  #2 (permalink)  
Antiguo 07/06/2011, 13:55
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 7 años
Puntos: 5
Respuesta: Una pavada de alineacion.

al principio de todo el CSS pone:
*
{
margin: 0px
padding: 0px
}

esa propiedad se aplica a todos los elementos, luego cuando no quieres que algo tenga margin 0 o padding 0 solo se lo pisas poniendole el padding o el margin que quieras.

Luego nos cuentas.
  #3 (permalink)  
Antiguo 07/06/2011, 13:55
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años
Puntos: 1567
Respuesta: Una pavada de alineacion.

Intersys:

Salvo ese padding-bottom: 0px; no veo mucha diferencia.
Me da la sensación que el problema esta en otro elemento del html y no en la capa en si, o css..

Visto asi en las imágenes me da la sensación que el segundo, el que no tiene esos margenes, tiene un reset css para el body
margin: 0px;
padding: 0px;

Tampoco entiendo por que le das ancho en el css y sobreescribis el valor con style en el mismo tag (el cual prevalece sobre el css del <style></style>)
Habría que ver todo el código

saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 07/06/2011, 14:06
 
Fecha de Ingreso: mayo-2011
Mensajes: 36
Antigüedad: 6 años, 2 meses
Puntos: 0
Respuesta: Una pavada de alineacion.

Muchas gracias por la rapida respuesta, segui mirando bien y me di cuenta que en algunas paginas tenia un css con un reset de todos los valores a 0 para los diferentes navegadores.


Lo que hice fue aplicarlo a todos para que se vea igual. (me habia olvidado que lo tenia)

Dejo el cod del css por si alguno le sirve (muy util para lograr una correcta alineacion en todos los navegadores)

Código:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i{vertical-align: baseline border: 0; outline: 0;
                font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit;}
*               {margin: 0; padding: 0}
body            {line-height: 1; height:100%}
:focus          {outline: 0}
ol, ul          {list-style: none}
table           {border-collapse: collapse; border-spacing: 0;}
blockquote, q   {quotes: "" ""}
hr              {border: 0; color: #000; height:1px}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
  #5 (permalink)  
Antiguo 07/06/2011, 14:51
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 7 años
Puntos: 5
Respuesta: Una pavada de alineacion.

Cita:
Iniciado por Intersys Ver Mensaje
Muchas gracias por la rapida respuesta, segui mirando bien y me di cuenta que en algunas paginas tenia un css con un reset de todos los valores a 0 para los diferentes navegadores.


Lo que hice fue aplicarlo a todos para que se vea igual. (me habia olvidado que lo tenia)

Dejo el cod del css por si alguno le sirve (muy util para lograr una correcta alineacion en todos los navegadores)

Código:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i{vertical-align: baseline border: 0; outline: 0;
                font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit;}
*               {margin: 0; padding: 0}
body            {line-height: 1; height:100%}
:focus          {outline: 0}
ol, ul          {list-style: none}
table           {border-collapse: collapse; border-spacing: 0;}
blockquote, q   {quotes: "" ""}
hr              {border: 0; color: #000; height:1px}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
con
"*"
simplificas todo. :)
  #6 (permalink)  
Antiguo 07/06/2011, 15:33
Avatar de tredio  
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 8 años, 7 meses
Puntos: 66
Respuesta: Una pavada de alineacion.

Cita:
Iniciado por rossijona Ver Mensaje
con
"*"
simplificas todo. :)
solo con eso no lograras lo que hay en ese codigo css, incluso hay hojas de reseteo mucho mas largas, y solo con "*" no lo podrias hacer.
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D
  #7 (permalink)  
Antiguo 08/06/2011, 15:45
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años
Puntos: 361
Respuesta: Una pavada de alineacion.

Hola:

Cita:
Iniciado por tredio Ver Mensaje
... hay hojas de reseteo mucho mas largas, y solo con "*" no lo podrias hacer.
Tampoco veo la necesidad de resetear muchas etiquetas que no usamos en nuestra página.

Saludos.


Etiquetas: alineacion
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 08:29.