Foros del Web » Creando para Internet » CSS »

<span> con margen negativo se corta

Estas en el tema de <span> con margen negativo se corta en el foro de CSS en Foros del Web. Hola! Estoy trabajando en un tema de Wordpress y se que es una tontería, pero busco busco y no encuentro. Tengo un <span> dentro de ...
  #1 (permalink)  
Antiguo 24/01/2011, 15:27
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
<span> con margen negativo se corta

Hola!

Estoy trabajando en un tema de Wordpress y se que es una tontería, pero busco busco y no encuentro.

Tengo un <span> dentro de un div con un margen negativo para hacer un bonito cuadro donde salga la fecha del post, pero el contenido del span se corta en el borde del div, como si estuviera por dentro.

Podeis echarle un ojo en http://websa100.com.es/aitoraspe/?cat=3 (usad el firebug o el inspect element de GChrome) es el trocito azul que se ve en los recuadros...

Fijo que es una chorrada!
__________________
Cool Village
@Wakkos
  #2 (permalink)  
Antiguo 24/01/2011, 16:09
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: <span> con margen negativo se corta

Creo que eso se soluciona con un DIV con posición absoluta y margen negativo
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 24/01/2011, 16:26
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
Respuesta: <span> con margen negativo se corta

TAmpoco funciona, no... =(
__________________
Cool Village
@Wakkos
  #4 (permalink)  
Antiguo 24/01/2011, 16:39
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: <span> con margen negativo se corta

Código:
#main {
    border: 0 solid #00FF00;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 350px;
    width: 944px;
}
Estas usando overflow para limpiar los floats, creo que puedes prescindir de el... en este caso
  #5 (permalink)  
Antiguo 24/01/2011, 16:44
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
Respuesta: <span> con margen negativo se corta

Eso SI era =DDD

Muchas Gracias a ambos por la ayuda!
__________________
Cool Village
@Wakkos
  #6 (permalink)  
Antiguo 24/01/2011, 17:17
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: <span> con margen negativo se corta

Esto no se hace, yo también había acertado la pregunta. ¿A como la pagan este año?
  #7 (permalink)  
Antiguo 25/01/2011, 02:52
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
Respuesta: <span> con margen negativo se corta

Ahora que estoy más despierto... ese overflow es necesario para el footer y que se mantenga abajo =(
__________________
Cool Village
@Wakkos
  #8 (permalink)  
Antiguo 25/01/2011, 11:50
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: <span> con margen negativo se corta

a #main sáquele el /overflow/ y así el span ya se verá entero.
Para evitar algún efecto no deseado, puede añadir a su #wrap:
height: auto !important;
para que le quede así
Código CSS:
Ver original
  1. min-height: 100&#37;;
  2. height: auto !important;
  3. height: 100%;

Menciona que utiliza el /overflow/ para forzar el pie. No he podido analizar a fondo el css que utiliza para ello, pero creo que hay alguna propiedad forzada (y que posiblemente cause algún efecto secundario).
Mire a ver si esta forma de lograr ese efecto de pie abajo le es útil.

Y en última instancia siempre puede incluir un elemento de corte y empuje (clear:both) justo antes de cerrar #wrap
  #9 (permalink)  
Antiguo 25/01/2011, 17:47
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
Respuesta: <span> con margen negativo se corta

Me está tratando de Usted? =(

Mañana le echo un Ojo Kseso! que acabo de llegar y toy reventao, mañana respondo!
__________________
Cool Village
@Wakkos
  #10 (permalink)  
Antiguo 26/01/2011, 18:22
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
Respuesta: <span> con margen negativo se corta

Con esa solución ocurre lo mismo que antes: observa el ininicio de la web como se corta el contenido con el footer...
__________________
Cool Village
@Wakkos
  #11 (permalink)  
Antiguo 26/01/2011, 19:51
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: <span> con margen negativo se corta

trataste con
Cita:
Iniciado por kseso? Ver Mensaje
Y en última instancia siempre puede incluir un elemento de corte y empuje (clear:both) justo antes de cerrar #wrap
veo que usas 944px de ancho maximo, entonces otra solucion seria agregar un poco de padding extra...
Código:
#main {
    border: 0 solid #00FF00;
    margin: 0 auto;
    overflow: auto;
    padding: 0 10px 350px;
    width: 944px;
}
Serian 964px; de ancho total creo que el ancho maximo para evitar el scroll horizontal en resoluciones de 1024x768 son 990px, asi que no hay problema, aun que de cualquier modo podemos ocultar la barra horizontal con CSS
  #12 (permalink)  
Antiguo 27/01/2011, 04:58
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 16 años, 2 meses
Puntos: 59
Respuesta: <span> con margen negativo se corta

He logrado cosillas con el clear:both

no sé si es totalmente legal xD (le he puesto un borde para que lo veáis) los elementos en el home se bajan más allá del borde. Es "legal"? xD

Si no hay problemas con eso, lo dejo así.
__________________
Cool Village
@Wakkos

Etiquetas: corta, margen, negativo
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 00:46.