lo que quiero hacer es sobre la estructura de la web que ya arme, poner otro div con un fondo con alpha y que este me quede por encima de toda la estructura y luego por encima de eso poner el contenido de la web.
les dejo una imagen de mi estructura y otra de como seria el resultado de lo que pretendo:
Código :
@charset "utf-8";
/* CSS Document */
*{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
margin:0;
padding:0;
}
html, body{
background-image:url(../IMG/fondoContenido.png);
text-align:center;
margin:0 auto 0 auto;
}
/*ESTO APARECERA SOBRE LA CABECERA Y EL BANNER*/
#fondoCabeceraBanner{
background-image:url(../IMG/Untitled-5.png);
}
/*SECCION CABECERA*/
#cabecera{
background-image:url(../IMG/fondoCabecera.gif);
background-color:#cadeff;
height:150px;
}
#cabecera #logo{
background-image:url(../IMG/logoSpe.png);
background-position:left;
background-repeat:no-repeat;
margin:0 auto 0 auto;
width:900px;
height:150px;
}
/*SECCION BANNER BOTONERA*/
#banner{
background-image:url(../IMG/fondoBanner.png);
height:500px;
}
#banner #bannerfondo{
background-image:url(../IMG/bannerSuperioreInferior.png);
height:500px;
}
/*SECCION CONTENIDO DE LA PAGINA*/
#contenidoInfo{
text-align:center;
margin:0 auto 0 auto;
width:900px;
height:440px;
}
#contenidoInfo #columnaIzq{
background-color:#FFF;
text-align:left;
width:650px;
height:400px;
float:left;
}
#contenidoInfo #columnaDer{
background-image:url(../IMG/fondoColumnaDer.gif);
background-repeat:repeat-y;
background-color:#FFF;
text-align:left;
width:250px;
height:400px;
float:left;
}
#contenidoInfo #pieContenido{
background-image:url(../IMG/fondoAbajoContenido.png);
width:900px;
height:40px;
clear:left;
}
#pie{
height:80px;
clear:left;
/*border-top:4px solid #93278F;*/
}
.formularioRecuadro{
border:#FFF!important;
padding:2px;
}Código :
<?php
function html_cabecera($title){ //estamos creando la cabecera del sitio con sus estilo, meta tags, titulos, etc
?>
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
<title><?=$title?></title>
<meta name="Description" content="Solo Para Entendidos - Desarrollo de sitios web" />
<meta name="Keywords" content="diseño, web, programacion, animacion, flash, grafico" />
<style type="text/css" media="all">
@import "CSS/estructura.css";
@import "CSS/enlaces.css";
</style>
</head>
<body>
<div id="fondoCabeceraBanner"></div>
<div id="cabecera">
<div id="logo"></div>
</div>
<div id="banner">
<div id="bannerfondo"></div>
</div>
<?php
}//fin function html_cabecera
yo por lo que se el uso de z-index necesita que los div tengan la opcion position en relative o absolute pero tampoco me hace nada, la verdad nose si el div debe ser el padre de todos los demas o solo con ponerlo antes como lo puse yo ya tendria que aparecer.
Espero que entiendan
Saludos y gracias
