<span> con margen negativo se corta

[Wakkos]

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!

[Daniel Ulczyk]

Creo que eso se soluciona con un DIV con posición absoluta y margen negativo

[Wakkos]

TAmpoco funciona, no... =(

[alexk]

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

[Wakkos]

Eso SI era =DDD

Muchas Gracias a ambos por la ayuda!

[sanxuan]

Esto no se hace, yo también había acertado la pregunta. ¿A como la pagan este año?

[Wakkos]

Ahora que estoy más despierto... ese overflow es necesario para el footer y que se mantenga abajo =(

[kseso?]

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:

min-height: 100%;
height: auto !important;
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

[Wakkos]

Me está tratando de Usted? =(

Mañana le echo un Ojo Kseso! que acabo de llegar y toy reventao, mañana respondo!

[Wakkos]

Con esa solución ocurre lo mismo que antes: observa el ininicio de la web como se corta el contenido con el footer...

[alexk]

trataste con

Iniciado por kseso?

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

[Wakkos]

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í.