[SOLUCIONADO] Linea puñetera...

[drayavk]

Muy buenas a todos.

Tengo un problema y no estoy seguro si es de BootStrap3.

En las resoluciones pequeñas ("tablet" y "móvil") me aparece una linea que aparentemente es el borde inferior de un div, pero por mas que miro y miro no doy con el fallo.

PD. No se como poneros una imagen para que veáis a lo que me refiero.

Como siempre muchísimas gracias por todo.

Saludos.
David

[alpe2000]

Pues si al menos pones la dirección podremos ver de que se trata.

[drayavk]

Hola Alpe2000,

Perdona pero vi tu respuesta un poco tarde.

Todavía No tengo la web subida a ningun servidor.

Como te la podria mostrar.?

Gracias un saludo

David.

[alpe2000]

Pues pega aquí el codigo de la página, que podamos ver donde está el "error".

Si has modificado el CSS del bootstrap, o usa CSS adicional, tambien pégalo aquí.

[drayavk]

Hola Alpe2000,

Ya tengo la web provisional subida a un servidor.

www.rinconhistoria.esy.es

Como comentaba al principio en las resoluciones mas pequeñas aparecen unas lineas horizontales en la parte superior e inferior de cada articulo.

Sino es suficiente con verlo pegare el código.

Gracias
Un saludo

[Sarlit]

Creo que te refieres al código

Código:

.margin-sup-10{
  margin-top: 100px;
}
.margin-inf-10{
  margin-bottom: 100px;
}

que tienes en las líneas 266 a 272 del archivo bootstrap.css

¿Puede ser?

[drayavk]

Hola Sarlit, gracias por responder,

La lineas que te refieres son solo margenes y lo que yo comentaba son unas lineas como si fuesen bordes de los div.
Solo aparecen en las resoluciones pequeñas.
Tampoco tengo ningun estilo con border ni outline.



Saludos y gracias.

[drayavk]

Hola a todos,

Dejo la solución por si sirve.

El problema era de una mala practica, o ignorancia, de maquetación con Bootstrap-3.

En mi estructura estaba usando <div> vacíos (sin contenido) con la clase col-xs-1, col-sm-1 ... etc.
Lo que conseguía con esto es que me desplazase y centrase todo el contenido en la pantalla.

Pero como ya comentaba en anteriores post me aparecían unas lineas en las resoluciones pequeñas.
Esas lineas eran unos margenes inferiores de 1px entre div.

Solución: borrar todos los div vacíos y aplicar la clase col-xs-offset-1, o que corresponda, para que el contenido principal me lo desplazara al centro.


Gracias a todos por los comentarios.

Saludos

David.