Ancho de .css no me funciona bien

[ceaped]

Buenas tardes
Tengo un problema con el ancho de un .css que tengo así:

Código CSS:

div#menu_comunidad_fonde_verde{
    height:40px;
    width:100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #97DF35;
    float: left;
    box-shadow: 4px 4px 4px 2px rgba(160,174,178,2);
    behavior: url(ie-css3.htc);
}
 

Y funciona bien, pero cuando la página tiene un scroll vertical no me cubre el 100% de ancho.

¿Cómo hago para que ocupe el 100% del ancho cuando haya scroll?

Gracias por su ayuda

[ArturoGallegos]

cuando usas el ancho al 100% significa el 100% de su elemento padre, en caso de su antecesor sea el body significa el 100% de la ventana del navegador por lo que el excedente que esta al mover el scroll no esta contemplado.

Puedes usar min-width: para hacer que ocupe al menos el espacio necesario para que no ocurra el problema que tienes.

[ceaped]

Hola ArturoGallegos
Gracias por tu respuesta.
El dato curioso es que esto sólo me pasa en un iPad, nn la PC no.
Entonces lo que dices es que ponga "min-width" a un valor mínimo (o máximo), por ejemplo mi monitor es de 1024 X 768 y el iPad es de 2.048 x 1.536.

Gracias por tu ayuda

[pzin]

¿Qué necesidad real existe de flotar un elemento, por defecto de bloque, para que ocupe el 100%? La pregunta va sin ironías ni nada, simplemente no lo entiendo o nunca he visto ninguna necesidad de hacer algo así.

¿Tienes algún enlace para ver la página? O un jsfiddle o algo.

[chuekeron]

Si queres que el elemento ocupe el 100% de ancho, y lo estas flotando a la izquierda... porque el margin-left: auto y el margin-right: auto?
El otro tema:

Código:

body, html {
width: 100%;
}

[chuekeron]

Iniciado por Bonez

¿Qué necesidad real existe de flotar un elemento, por defecto de bloque, para que ocupe el 100%?

Por empezar!

[pzin]

No había caído, como chuekeron, en lo de los márgenes automáticos.

Es un despropósito colosal. Y eso que el código es sumamente corto.

Un elemento que ocupa el 100%, flotado y con márgenes automáticos. Que esos márgenes, no funcionan de todas formas en elementos flotados.

Miedo me da ver la página completa.