Problema de CSS cuando reduzco el tamaño de la pantalla

Tengo un problema en mi IE. Cuando maximizo la pantalla todo funciona bien. Cuando reduzco el tamaño de la pantalla, los cuadros de entrada y otras etiquetas div permanecen como tales y se extienden fuera del diseño de la página y mi página se ve desordenada. Quiero que mis cuadros de entrada y otras etiquetas div se adapten según la necesidad y no salgan. el diseño de la página.

Ejemplo de mi cuadro de entrada:

<div style="background-color:#c2d69b; 
            width: 628px; 
            padding-left: 5px;
            padding-right: 5px;
            border-color: #6699CC;
            border-width: 1px;
            border-style: solid;">

    <b>Keywords</b><br />
    <input id="keywords" 
           runat="server" 
           type="text" 
           size="100" 
           title="Keywords" /><br /><br />

</div>

preguntado el 03 de mayo de 12 a las 15:05

Se eliminó la etiqueta de Java: CSS no tiene nada que ver con Java. -

Si la pantalla está minimizada, ¿cómo puedes ver nada? -

Perdón por usar la palabra "minimizar". Lo que quise decir es que si reduzco el tamaño de la pantalla del navegador, los Divs y los cuadros de entrada se mueven fuera del diseño de la página. -

1 Respuestas

El ancho fijo de la <div> La etiqueta obliga al contenedor a tener un ancho de 628px. Tal vez pueda usar un valor porcentual (por ejemplo, 100%) para ajustarse al contenedor circundante.

Además, tu <input> la etiqueta tiene el atributo size que da como resultado un ancho fijo. También puede intentar un valor porcentual en style para que esa etiqueta obtenga un ancho flexible dependiendo de los elementos alrededor del campo de entrada.

contestado el 03 de mayo de 12 a las 15:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.