Programación Web y Scripting > CSS / SASS / LESS

 Auto ajustar el tamaño de un div o iframe

(1/2) > >>

lucas23:
Hola pues tengo la siguiente duda, estoy construllendo una pagina web en la cual tengo 2 menus, uno de ellos tiene 5 opciones y al dar click a cada una de ellas te llevan a un iframe principal, pero mi problema es que cada opcion tiene diferente cantidad de contenido y como el iframe tiene un tamaño fijo se pone el scroll, hay alguna forma de hacer que el iframe sea autoajustable, o si no se pude el iframe que un div se puede hacer autoajustable?


Grax.

goldenscriptup:
Aqui te paso la sintaxis para que pongas un div autoajustable. ;)
En tu CSS creas un identificador como la siguiente o igual la etiqueta div si quieres que todos los divs sean autoajustables


--- Código: Text --- <!--Identificador que solo aplicara al div que tiene el nombre en el id = "contenedor"-->#contenedor{border: 1px solid; width:400px; margin: auto;}<!--Poniendo el tag div afecta a todos los divs en general el autoajustarse, dependiendo lo que quieres realizar usas la opcion que mas te convenga-->div{border: 1px solid; width:400px; margin: auto;}   
Lo importante para manipular un div que sea autoajustable es usar la propiedad 'margin' y No asignarle el 'height'. La propiedad margin tiene cuatro parametros que recibe ejemplo. {margin: 2px auto auto 10px} (el 2px es el margen superior, el primer auto es el margen derecho, el segundo auto es el margen inferior y el 10px es el margen izquierdo) Va en sentido del reloj o igual lo puedes dejar como esta en el ejemplo.

 Espero que te sea de utilidad  :good:

lucas23:
O, gracias goldenscriptup , realmente muy buena info, y funcional. Grax.

zeickan:
Se puede usar el atributo min-height no?


--- Código: Text ---<div style="min-height:150px;">El div aparece como minimo de 150px de alto pero si el contenido lo supera este se hace mas grandre como cual tabla XD</div> 
Solo digo otra alternativa, talvez estoy mal XD

goldenscriptup:
Para zeickan
Por su puesto que estas mal :P
De casualidad leiste el primer post?, dice
--- Citar ---hay alguna forma de hacer que el iframe sea autoajustable, o si no se pude el iframe que un div se puede hacer autoajustable?

--- Fin de la cita ---

Necesita que un div sea AUTOAJUSTABLE, eso significa que no tenga medidas definidas, y tu estas definiendo las medias con la propiedad min-height:150px, tu lo estas limitando a que minimo tenga el tamaño de 150px y que tal si el necesita que el tamaño sea de 20px ó 50px ó 7px ó cualquier otra medida menor a 150px. lo que tu propones NO ES AUTOAJUSTABLE.


Saludos! ^_^

Navegación

[0] Índice de Mensajes

[#] Página Siguiente