Conflicto de hr con container Estoy creando una página web y quiero hacer varias líneas horizontales de diferente anchura que ocupen toda la página.
Mi problema es el siguiente:
Para hacer un diseño "responsive" he utilizado un container de unas determinadas medidas, pero al usar <hr> o <img> (la desesperación es lo que tiene...), no estructura correctamente la página, y en el navegador puede verse como la página se mueve (ya no hacía abajo por su extensión), sino de manera horizontal.
Hasta ese momento, en cualquier navegador me estaba quedando muy bien. Dando únicamente la opción, al navegante, de desplazar la página hacía abajo.
Considero que queda muy feo, que el navegante pueda desplazar la barra hasta el final de la línea horizontal. Como también, al minimizar la página, si utilizas una medida muy pequeña (absurda), ves el principio de la línea que estoy utilizando.
¿Existe alguna manera de realizar una línea horizontal (que permita jugar con el grosor y el color), programarla dentro de <div id="container">, y que no produzca este feo efecto en las barras de los navegadores?
o en su defecto, ¿existe alguna manera de programar diversas líneas fuera del div container que no perjudique la programación en sí?
Muchas gracias a todos por colaborar en esta pequeña pregunta. Ya no sé me ocurren más maneras de buscar y probar cosas.
Gracias!!
)
