[licrea] View of /trunk/imagenes/pruebadefondo.html

<!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>
<title>3 col layout with equalising columns and footer</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:1204px;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

#outer{ /* Marco Central */
	min-height:100%;
	width:1024px; /* */
	border-left:1px solid black;/*color borde izquierdo*/
	border-right:1px solid black;/*color borde derecho */
	color: black;
	text-align:justify;
	margin:auto;
	position:relative;
	background:url(images/blackbg3.gif) repeat-y left top;
}
 


#header{ /* Cabecera */
	wigth: 1024px;	
	height:70px;
	background: url(../repositorio_rea/imagenes/cabecera_cenditel.png);
	border-top:1px solid black;
	border-bottom:1px solid black;
	position:relative;
}


#left { /* Marco Izquierdo */
	position:relative;
	width:250px;
	height: 100%;
	float:left;
	color:black;
	background-color: ;
	
}
#left p {padding:3px}
#footer { /* Pie de Pagina */
	width:1024px;
	clear:both;
	height:50px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #FFFFFF;
	color: black;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
	margin-bottom:-1px;
}
div,p  {/*espacio entre cabecera y contenido*/
margin-top:10px;
}

#centrecontent {/*tamaño y ubicacion del contenido derecho*/
	width:700px;
	float: right;
}
#centrecontent p {/* Sangria del contenido central*/
padding-left:3px
}

#clearfooter /*espacio entre el contenido y el pie de pagina*/ 
{
width:100%;height:52px;clear:both
}
</style>

</head>
<body>
<div id="outer"> 
  <div id="header"> 
  </div>
  <div id="centrecontent"> 
    <!--centre content goes here -->
    <p>Centre Content goes here : Centre Content goes here : Centre Content goes 
      here : Centre Content goes here : Centre Content goes here : Centre Content 
      goes here : Centre Content goes here : Centre Content goes here : Centre 
      Content goes here : Centre Content goes here : Centre Content goes here 
      : Centre Content goes here : </p>
    <p>Centre Content goes here : Centre Content goes here : Centre Content goes 
      here : Centre Content goes here : Centre Content goes here : Centre Content 
      goes here : Centre Content goes here : Centre Content goes here : Centre 
      Content goes here : Centre Content goes here : Centre Content goes here 
      : Centre Content goes here : end </p>
  </div>
  <div id="left"> 
    <p>Left Content goes here : Left Content goes here : Left Content goes here 
      : Left Content goes here : Left Content goes here : Left Content goes here 
      : Left Content goes here : Left Content goes here : Left Content goes here 
      : Left Content goes here : end</p>
  </div>
  <div id="clearfooter"></div>
  <!-- ie needs this -->
  <div id="footer">Footer - | |- Footer </div>
</div>
<!-- end outer div -->
</body>
</html>
root@fsl.cenditel.gob.ve	ViewVC Help
Powered by ViewVC 1.0.0