Foros del Web » Creando para Internet » CSS »

div con height 100%;

Estas en el tema de div con height 100%; en el foro de CSS en Foros del Web. hola, estoy maquetando una pagina y he puesto el div contenedor a 100%, hasta hay todo ok, solo que ahora tengo el menu en la ...
  #1 (permalink)  
Antiguo 01/02/2009, 11:18
 
Fecha de Ingreso: septiembre-2008
Ubicación: Lanzarote, Canarias
Mensajes: 486
Antigüedad: 9 años, 3 meses
Puntos: 40
div con height 100%;

hola, estoy maquetando una pagina y he puesto el div contenedor a 100%, hasta hay todo ok, solo que ahora tengo el menu en la derecha y quiero que esa capa del menu derecho tenga tambien height:100%; aunque no tenga el texto suficiente... aqui una imagen para aclarar dudas...

http://img228.imageshack.us/img228/7369/samplefv7.jpg

me refiero a la parte izquierda, la gris, he intentado de todo pero nada... incluso de la misma forma que puse el contenedor a 100%; pero tampoco funciona.
  #2 (permalink)  
Antiguo 01/02/2009, 12:43
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: div con height 100%;

Hola:

No me entero de nada, dices que has puesto el div contenedor a 100% ¿de qué? ¿de width o de height?. Y te refieres a la parte izquierda, la gris, pues o soy daltónico o la parte izquierda es blanca (texto aquí) y la derecha es gris (y aquí más texto).

O sea no sé que quieres hacer.

Saludos.

  #3 (permalink)  
Antiguo 01/02/2009, 13:03
 
Fecha de Ingreso: septiembre-2008
Ubicación: Lanzarote, Canarias
Mensajes: 486
Antigüedad: 9 años, 3 meses
Puntos: 40
Respuesta: div con height 100%;

Ups me confundi al escribir, queria decir la parte derecha, la gris.

el contenedor es lo de menos, solo aclaraba que eso ya tenia height 100%;

lo que quiero es poner la parte derecha, la gris, con height 100%; ese es mi unico problema.

poner la parte derecha (la gris) a 100%; de alto...

lo vuelvo a poner en una frase para que quede mas claro.
  #4 (permalink)  
Antiguo 01/02/2009, 13:48
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: div con height 100%;

Hola:

Mejor es que pongas tú código para ver donde está el error.

Saludos.

  #5 (permalink)  
Antiguo 01/02/2009, 13:53
 
Fecha de Ingreso: septiembre-2008
Ubicación: Lanzarote, Canarias
Mensajes: 486
Antigüedad: 9 años, 3 meses
Puntos: 40
Respuesta: div con height 100%;

Hola,

aun no lo he terminado, pero bueno, pongo lo que tengo...

HTML:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>titulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="estilos/reset.css" type="text/css" />
<link rel="stylesheet" href="estilos/style.css" type="text/css" />
</head>
<body>

<div id="contenedor">

<div id="header">

<img src="imagenes/logo.jpg" alt="titulo..." />

</div>

<div id="bloquesizq">izquierda</div>

<div id="bloquesder">
<p>
hola mundo
hola mundo
hola mundo
</p>
</div>

</div>

<div id="pie">&nbsp;</div>

</body>
</html>

reset.css

Código:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

style.css

Código:
body,html {
background:url('../imagenes/fondo.jpg') repeat-x #FFFFFF;
height:100%;
}

#contenedor {
max-width: 1366px;
min-height:100%;
height: auto!important;
height:100%;
cursor:default;
margin:auto;
}

#header {
width:100%;
float:left;
clear:both;
}

#header img {
float:left;
}

#bloquesder {
width:186px;
float:right;
background:#EEEEEE;
border-left:solid 1px #CBCBCB;
height:100%;
}

#bloquesizq {
float:left;
}

#pie {
width:100%;
margin:0px;
padding:0px;
text-align: center;
color: #FFFFFF;
height: 104px;
clear:both;
font-size:12px;
font-family:arial;
}


eso es todo lo que tengo hecho por el momento, saludos.
  #6 (permalink)  
Antiguo 01/02/2009, 15:18
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: div con height 100%;

Hola de nuevo:

Échale una ojeada a esta página, es parecida a la que necesitas.

Saludos.

  #7 (permalink)  
Antiguo 01/02/2009, 16:34
 
Fecha de Ingreso: septiembre-2008
Ubicación: Lanzarote, Canarias
Mensajes: 486
Antigüedad: 9 años, 3 meses
Puntos: 40
Respuesta: div con height 100%;

Hola,

si me vale, ya me he dado cuenta de como lo hace, poniendole un border-left a la capa contenido, no se me habia ocurrido, la verdad...

supongo que hay otra forma, por el momento esta me valdra.

Saludos.
  #8 (permalink)  
Antiguo 02/02/2009, 17:07
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: div con height 100%;

Me alegra haberte sido útil.

Saludos.

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 10:56.