Foros del Web » Creando para Internet » CSS »

Ancho de div

Estas en el tema de Ancho de div en el foro de CSS en Foros del Web. Hola, tengo este código. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <style> #div1{ position:relative; border:red 1px solid; height:100px; width:auto; } #div2{ top:105px; position:relative; ...
  #1 (permalink)  
Antiguo 24/02/2008, 15:03
 
Fecha de Ingreso: enero-2005
Mensajes: 3
Antigüedad: 12 años, 10 meses
Puntos: 0
Ancho de div

Hola, tengo este código.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
#div1{
position:relative;
border:red 1px solid;
height:100px;
width:auto;
}
#div2{
top:105px;
position:relative;
border:red 1px solid;
height:auto;
width:auto;
}
</style>
</head>
<body>
<div id="div1"><div>
<div id="div2"><div>
</body>
</html>

No se como hacer para que el div2 ocupe todo el height sobrante. Es decir height 100% - 100px(div1). Esto con indipendencia de la resolución de pantalla y para IE y FF.

Muchas Gracias,
Un Saludo,
Alberto.
  #2 (permalink)  
Antiguo 24/02/2008, 16:25
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Ancho de div

para comenzar decirte que el doctype lo tienes mal puesto, y para que ocupe el 100%, hasde poner al principio de todo esto:

html, body{
height:100%;
}

y en el div2 esto:
#div2{
height: 100%;
top:105px;
position:relative;
border:red 1px solid;
height:auto;
width:auto;
}
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 25/02/2008, 12:44
 
Fecha de Ingreso: enero-2005
Mensajes: 3
Antigüedad: 12 años, 10 meses
Puntos: 0
Re: Ancho de div

Gracias por la ayuda, pero sigue sin verse. Ahora mismo lo tengo asi

html, body{
height:100%;
}
#div1{
position:relative;
border:red 1px solid;
height:100px;
width:auto;
}
#div2{
top:105px;
position:relative;
border:red 1px solid;
height:100%;
width:auto;
}

En mozilla se el segundo div no tiene ancho. En explorer tiene el mismo ancho que el div1.
Probé con los estos dos doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
Saludos
  #4 (permalink)  
Antiguo 25/02/2008, 14:19
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Ancho de div

o al segundo pone height: inherit.
__________________
No diseñes usando tablas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:28.