PHP - sigo con problema de capas

   
Vista:

sigo con problema de capas

Publicado por Rosy (64 intervenciones) el 18/12/2012 16:39:19
Hola, bueno que puedo decir, continuo con el problemilla de las capas, espero que este sea lo ultimo para poder levantar la pagina de una vez. Lo que me pasa ahora es que la capa pie no queda abajo donde debe quedar un pie de pagina, sino que por alguna razon queda a continuacion de la barra de navegacion. A continuacion dejo el codigo para que un alma caritativa se apiade de mi ignorancia.

INDEX.PHP

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!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=iso-8859-1" />
<title>CATALOGO</title>
<link href="styles/pagina.css" rel="stylesheet" type="text/css" />
 
 
</head>
 
<body>
 
<div id="fondo">
<div id="global">
 
<div id="cabecera">
	<div id="logotipo"></div>
	<div id="banner"></div>
</div>
 
<div id="navegacion">
<table width="100%" border="0">
<tr>
<td width="25%" align="left"><a href="#">Catalogo</a></td>
<td width="25%" align="left"><a href="#">Quienes Somos</a></td>
<td width="25%" align="left"><a href="#">Contactenos</a></td>
</tr>
</table>
</div>
 
<div id="menu1">
 
<p align="center" style="color:#333399">PRODUCTOS</p>
	<ul>
		<li>ITEM 01</li>
		<li>ITEM 02</li>
		<li>ITEM 03</li>
		<li>ITEM 04</li>
		<li>ITEM 05</li>
		<li>ITEM 06</li>
		<li>ITEM 07</li>
		<li>ITEM 08</li>
		<li>ITEM 09</li>
		<li>ITEM 10</li>
		<li>ITEM 11</li>
		<li>ITEM 12</li>
		<li>ITEM 13</li>
		<li>ITEM 14</li>
		<li>ITEM 15</li>
		<li>ITEM 16</li>
	</ul>
 
</div> <!--Fin capa menu -->
 
<div id="imagenes">
<div id="fotoG">FOTO GRANDE</div>
<div id="foto1" style="background-color:#009900"></div>
<div id="foto2" style="background-color:#FF6600"></div>
<div id="foto3" style="background-color:#CC99FF"></div>
<div id="foto4" style="background-color:#99CC99"></div>
 
</div> <!--Fin capa imagenes -->
 
<div id="descrip" >
<P>
 
Somos una agencia de modelos cuya creciente influencia en el mercado ha contribuido a dar seriedad y profesionalismo al rubro, ya sea a través del servicio prestado a nuestros clientes, como también por medio de la atención puesta en las/os modelos que conforman nuestro cada vez más numeroso staff. Asimismo, recogiendo el anhelo de nuestras modelos en torno a hacer realidad el aforismo "día trabajado, día pagado", hoy somos la única agencia en Chile que remunera en forma diaria. La belleza vive en Agencia Promodel Chile. Así, procuramos contar con modelos preocupadas/os por mantenerse en buen estado físico siempre que la disciplina empleada no atente contra su salud.
</P>
</div> <!--Fin capa descrip -->
 
 
</div> <!--Fin capa Global -->
 
<div align="center" id="pie">
     <p> Aqui va el pie de pagina</p>
</div>
 
 
</div> <!--Fin capa Fondo -->
 
 
</body>
</html>


PAGINA.CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
body {background-image: url(../img/fondo.jpg); }
 
#fondo {background-color:#FFFFFF;
        width:850px;
		height:auto;
		margin: 4px auto;
		padding: 6px 0px;
		overflow:hidden;
/*		text-align:center*/
	   }
 
#global {margin: 0px auto;
         width: 800px;
		}
 
#cabecera { background-image:url(../img/degradado1.jpg);
			height: 120px;
			margin: 0px 0px 4px 0 px
		   }
 
#logotipo {float:left;
		   padding: 13px 0px 10px 13px
		}
 
#banner {float:right;		}		
 
#navegacion {margin: 4px 0px 4px 0px; background-color: #000066}		
 
#navegacion a {color: #CCCCCC; text-decoration:none; margin: 1px; font-weight: bold}
 
#navegacion a:link {}
#navegacion a:hover {color: #FFFFFF; background-color:#000000}
#navegacion a:active {color: #99FFFF}
#navegacion a:visited {}
 
#menu1{float:left; width:200px;text-align:left; padding:2px}
 
#imagenes{ height:-1%;overflow:hidden; float:left}
 
#fotoG{float:left;width:400px; height:300px; background:#FFCC99}
#foto1{float:left;clear:left; width:93px; height:80px; margin: 2px 6px 2px 0px}
#foto2{float:left;width:93px; height:80px; margin: 2px 6px 2px 0px }
#foto3{float:left;width:93px; height:80px; margin: 2px 6px 2px 0px }
#foto4{float:left;width:93px; height:80px; margin: 2px 6px 2px 0px }
 
.imagen{width: 95%;height: 95%;}
 
#descrip{ float: right;
		width:180px;
		height:auto;
		margin: 2px 2px 2px 4px}
 
#pie {height:20px; width:800px; color:#FFFFFF; font:bold; background:#003399;margin: 4px auto;}
 
.tit_cat {
	color: #FFCC33;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
}
 
#sep_cat{ 
	width:199px;
	color:#000099;
	left:auto;
	border: 1px #ccc;
	margin:0 auto;
	height:2px
}
 
#p_cat {text-indent: 0.5cm; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; 
   margin-bottom: 0;
   margin-top:0;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

sigo con problema de capas

Publicado por xve (5523 intervenciones) el 18/12/2012 20:10:22
No lo he probado, pero puedes probar a poner en el estilo del pie : clear:both;

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Gracias

Publicado por Rosy (64 intervenciones) el 19/12/2012 15:36:56
Mil Gracias, con tu indicacion resultó!!

Pareciera ser que ahora si estaria funcionando todo bien!!!

No es tan simple lo de las capas eh???, aun no entiendo que pasaba y por que se arregló!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar