Div con propiedades especiales

salbatore · #1 (**permalink**) 06/05/2008, 10:10

Hola, foreros:

Estoy buscando hacer un div bastante especial que solo creo que puedan hacerlo expertos del css.

Mirar busco un div que mida como maximo 800px y como minimo 700px. Si el navegador esta abierto (que permita visualizar 800px) se visualice 800px del div (que lo reconozco por un fondo de color rojo), si se reduce la anchura de la ventana del fondo se valla reduciendo las dimensiones del div gradualmente hasta 700px.

Lo que busco es hacer el div para tener un logotipo en el bottom del div y pegado a la izquierda...

¿Alguien sabe hacerlo?

komodo · #2 (**permalink**) 06/05/2008, 16:32

Hola salbatore! Creo que lo que quieres hacer es un diseño fluido. Para eso se utilizan medidas en porcentaje(%) y no en pixeles. Asi tus divs se adaptaran según las dimensiones de la ventana del navegador. Hacer toda una pagina con diseño fluido suele traer algun quebradero de cabeza, lo ideal es mezclar un diseño fluido con uno estatico. Nose si me sigues..

Un saludo!

Mikmoro · #3 (**permalink**) 06/05/2008, 16:42

Para firefox:

div {max-width: 800px;
min-width: 700px;
}

Para explorer:

div {
width: expression(
(document.documentElement.clientWidth > 800)? "800px" :
(document.documentElement.clientWidth < 700)? "700px" :
"800px"
);
height: 1%;
}

Prueba eso.

Mikel.

salbatore · #4 (**permalink**) 07/05/2008, 09:27

Hola de nuevo...

Cuando pueda pruebo lo que me dices Mikmoro, tiene buena pinta, jeje... Ahora estoy reinstalando el windows en el pc, jeje... estos virus...

Bueno, cuando lo pruebe te vuelvo a escribir...

salbatore · #5 (**permalink**) 07/05/2008, 19:06

Hola de nuevo...

He probado lo que me dices Mikmoro y no me funciona en ningun navegador...

¿Alguna otra opcion?

pzin · #6 (**permalink**) 07/05/2008, 19:10

Cita:

Iniciado por Mikmoro

Para firefox:

div {max-width: 800px;
min-width: 700px;
}

Para explorer:

div {
width: expression(
(document.documentElement.clientWidth > 800)? "800px" :
(document.documentElement.clientWidth < 700)? "700px" :
"800px"
);
height: 1%;
}

Prueba eso.

Mikel.

Wow.

Jamás había visto esa virguería. (usuarios de américa, no confundir con verga

)

Mikmoro · #7 (**permalink**) 08/05/2008, 04:45

Cita:

Iniciado por salbatore

Hola de nuevo...

He probado lo que me dices Mikmoro y no me funciona en ningun navegador...

¿Alguna otra opcion?

¿Puede ser que no lo hayas aplicado correctamente? No te dí más indicaciones porque imaginé que sabrías cómo colocarlo, disculpa:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xml:lang="es" xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div { background-color: rgb(204, 0, 0);
height: 200px;
min-width: 700px;
max-width: 800px;
margin: 0px auto;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

Mikel.

salbatore · #8 (**permalink**) 09/05/2008, 05:14

Hola de nuevo...

Muchisimas gracias Mikmoro, funciona super...

Gracias...