Entrar

[AYUDA]Divs con height:100%

war2 · · Solicitar retirada
Buenas a todos :D,soy nuevo.

Primero que nada felicitar a las personas que llevan la web y el foro,por que es la mejor pagina que encontre en la que te enseñan a hacer una web.
Hace cuatro dias no tenia ni idea ni de hmtl ni de css y ahora puedo hacer algo xD

Buen a la duda, estoy intentando hacer una web y me surgien ciertos problemas, estube buscando como poner el height (altura) en los divs al 100%, para que la pagina siempre ocupase el 100% del navegador sea cual sea la resolucion de las pantallas.

Encontre bastante informacion pero no consigo que me quede bien.
Mi idea es poner en el div de id "cuerpo" al 100%, y el div de id "global".

PD: lei en este foro que se pueden ver los errores ne css y hmtl, con un programa o una pagina web, pero no se cual era, si alguen lo sabe, por favor que lo diga XD

Aqui la web:http://war2.net16.net/web4/

CSS:
@charset "utf-8";
/* CSS Document */

* {
margin:0px;
border:0px;
padding:0px;
}
/*hmtl {
height:100%;
} para poner los div al 100% */

body {
background-color:#494949;
height:100%;
}

#global {background-image:url(images/fondo_total_web_23.png);
background-repeat:repeat-y;
width:1024px;
margin:0px auto;
height:680px;
}

#alineacion_web {
background-color:#e6e6e6;
width:800px;
margin:0px auto;
}

#cabecera_top {
background-image:url(images/cabecera_top_02.png);
background-repeat:no-repeat;
width:800px;
height:30px;
font-family:"Visitor TT2 BRK";
font-size:20px;
}

.cabecera_top_texto {
padding-top:7px;
padding-left:20px;
padding-right:5px;
color:#9a9a9a;
}

#cabecera {
background-image:url(images/cabecera_04.png);
background-repeat:no-repeat;
width:800px;
height:100px;
}

#navegador {
width:800px;
height:30px;
}

#debajo_barra_navegador {
background-image:url(images/debajo_barra_navegador_13.png);
background-repeat:no-repeat;
width:800px;
height:13px;
}

#cuerpo {
background-image:url(images/fondo_cuerpo_14.png);
background-repeat:repeat-y;
width:800px;
height:500px;
}

#cuerpo_dentro {
height:0px;
width:800px;
float:left;
}


#menu {
margin:10px 10px 10px 10px;
width:150px;
float:left;
height:200px;
background-color:#FF99CC;
} 

.escribir_en_la_web {
padding: 5px 10px 5px 10px ; text-indent: 15px}

#pie {
background-image:url(images/pie_24.png);
background-repeat:no-repeat;
width:800px;
height:24px;
}

hmtl:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<link rel="stylesheet" type="text/css" href="web4_CSS.css" media="all" />
</head>

<body>
<div id="global" >
<div id="alineacion_web">
<div id="cabecera_top"><p class="cabecera_top_texto">Portada | Foro | Comunidad | Noticias | Conocenos | Afiliados</p>
</div>
<div id="cabecera">
</div>
<div id="navegador">[img]images/botones_normal_05.gif[/img][img]images/botones_normal_06.gif[/img][img]images/botones_normal_07.gif[/img][img]images/botones_normal_08.gif[/img][img]images/botones_normal_09.gif[/img][img]images/botones_normal_10.gif[/img][img]images/botones_normal_11.gif[/img][img]images/botones_normal_12.png[/img]
</div>
<div id="debajo_barra_navegador">
</div>
<div id="cuerpo">
<div id="cuerpo_dentro">
<div id="menu">

 asdasd 

 

aasdasd 
</div><p class="escribir_en_la_web"> asjd hkjashd oahskjd hkjashjk haskjdh jksahkjdh kjhkajshd jkh uahsiu hauh asfi ohashd oiashd ioah d</p>
</div>
</div>
<div id="pie">
</div>
</div>
</div>
</body>
</html>

Muchas gracias.
nosabernada · · Solicitar retirada
Hola,

pues mira amigo,


aparte de felicitarte por la web, decirte, que para que te funcione el 100 por 100 tienes que ponerlo en todas las capas que intervienan...es decir tambien en el global


pruebalo y nos cuentas


noasber
nosabernada · · Solicitar retirada
Hola,

cuadno pruebes dinos como te queda...pero por encima como te he dicho, solo creo que interviene el div del global, asi con que lo cambies a 100% creo que sera suficiente


nosaber
war2 · · Solicitar retirada
Wenas

Vengo con mas dudas xD.

No he conseguido que funcione el 100%, no se porque.
Estoy haciendo otra web,y tengo varias dudas, la primera es como puedo separar las imagenes, y la otra es que tengro problema con el float, que no entiendo muy bien.

la nueva web es :http://war2.net16.net/web5/.

Quiero poder escribir en la parte derecha, pero cuando le pongo float:left a los div cuerpo y cuerpo_noticias,el pie se va arriba y tampoco consigo el efecto deseado con el float.

Aqui lo que me pasa.
http://img34.imageshack.us/img34/5213/webg.gif

--------------
Ahora en la web:http://war2.net16.net/web4/

Asi se queda cuando pongo los height:100%
Y me gustaria saber si se puede hacer el efecto de lo que hice en el boton PC(estado hover) pero en la hoja de estilo. O quitar en ixplorer, no se que aviso de activar javascript o algo asi.

No pongo el codigo de el css y hmtl para no alargar tanto el foro, se puede ver en; ver codigo fuente. Si hace falta igual lo pongo.

Saludos y gracias.