DIV con dimensiones variables

[NiRVaNa] · #1 (**permalink**) 09/04/2008, 16:36

Buenas gente, le paso a comentar lo que necesito hacer.

Mi pagina esta estructurada mas o menos de esta manera

Código HTML:

<html>
...
<body>
<div id="container">
<pre>
Lorem ipsum dolor sit amet, et aliquet nam nisl consectetuer, tincidunt euismod ac id wisi. Felis imperdiet posuere lacus ac felis, mattis nibh sapiente, et massa. Suscipit conubia cras nonummy luctus, quis aliquid dictumst odio pede, proin augue dui, nam velit orci nulla bibendum id lacus. Elit consectetuer semper nisl ad.
</pre>
</body>
</html>

y en mi CSS necesito agregar algo para que ese container, tenga predeterminado un ancho y un alto, y que una vez que se sobrepasa ese ancho y alto se empiece a estirar.

Habia puesto un valor absoluto a width y heigth, pero cuando el texto sobre pasaba tamaño no estiraba, luego dejar en auto pero cuando tiene un texto pequeño, el container queda muy chico y queda mal...

Espero me puedan ayudar... Gracias...

Mikmoro · #2 (**permalink**) 09/04/2008, 16:44

Puedes usar este código css:

#container {
width: auto;
min-width: 300px;
height: auto;
min-height: 300px;
}

Con las medidas mínimas que quieras. Desgraciadamente esto en IE6 no funciona, y hay qye usar trucos. Para eso, lo mejor que puedes hacer es buscar en google por min-width o min-height +IE6 y encontrarás bastante información, tutoriales, etc.

Mikel.