Estoy programando un sitio web para una amiga pero tengo un problema con el div general. He hecho algunos otros sitios web y nunca me habia pasado nada similar.
Estoy utilizando el CMS Joomla! 1.5 y el sitio es el siguiente
[URL="http://www.sapristibanquetes.com"]http://www.sapristibanquetes.com[/URL]
Por lo regular lo que hago es colocar un div gral que englobe todo el sitio web. lo abro inmediatamente despues de la etiqueta <body> y lo cierro antes de </body>
El asunto es q quiero q todo el fondo del sitio sea de color blanco, sin embargo no me da el background-color:white y lo toma como si el div global fuera traslucido y se ve el fondo del body. No se si me explique, pero si entran al sitio podran entenderme mejor
a grandes razgos este es el index.php
Cita:
y el template.css a randes razgos es el sig<body>
<div id="global">
<div id="cabeza">
<?php include("html/cabeza.php"); ?>
<div id="busqueda">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
</div>
<div id="banner1">
<jdoc:include type="modules" name="bn1" style="xhtml" />
</div>
<div id="banner2">
<jdoc:include type="modules" name="bn2" style="xhtml" />
</div>
<div id="cont">
<div id="menusec">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="txt">
<jdoc:include type="component" />
</div>
</div>
<div id="contacto">
<?php include("html/contacto.php"); ?>
</div>
<div id="pie">
<?php include("html/pie.php"); ?>
<div id="contador">
<jdoc:include type="modules" name="conta" style="xhtml" />
</div>
</div>
</div>
</body>
<div id="global">
<div id="cabeza">
<?php include("html/cabeza.php"); ?>
<div id="busqueda">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
</div>
<div id="banner1">
<jdoc:include type="modules" name="bn1" style="xhtml" />
</div>
<div id="banner2">
<jdoc:include type="modules" name="bn2" style="xhtml" />
</div>
<div id="cont">
<div id="menusec">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="txt">
<jdoc:include type="component" />
</div>
</div>
<div id="contacto">
<?php include("html/contacto.php"); ?>
</div>
<div id="pie">
<?php include("html/pie.php"); ?>
<div id="contador">
<jdoc:include type="modules" name="conta" style="xhtml" />
</div>
</div>
</div>
</body>
Cita:
Podrian ayudarme a resolver el problema o darme una idea de lo q puede ser?body {text-align:justify; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:13px; color:#000000; background-image:url(../images/bkgnd.jpg); background-repeat:repeat;
margin:0px;line-height: 1.5;}
#global{width:994px;
height:auto;
margin: 35px auto;
background-color:white;}
#cabeza { width:994px;height:180px;}
...
...
...
#banner1 {width:308px;
height:175px;
position:relative;top:10px;
float:left;
margin-bottom:30px;
background:white; margin-left:20px; }
#banner2 {width:308px;height:175px;
position:relative;top:10px;
float:left; margin-bottom:30px;
margin-left:15px;background:white;}
#cont {width:994px;height:auto;
background-color: white; float:left;
padding-bottom:50px;}
#menusec {width:250px; height:auto;
position:relative; top:40px; left:40px;
float:left; background-color:white; clear:both;list-style:none;}
#txt {width: 620px; height:auto;
float:left; position:relative; top:40px; left:65px;
background-color:white; padding-top:20px;}
#contacto {width:994px; height:150px;
background-color:white;float:left;clear:both;}
#contactoin {width:158px; height:58px;
margin:60px auto; clear:both;}
#pie { width:994px;height:200px;
background-color:#00A3C4;position:relative;top:0px;float:left ;}
#piein { width:300px;height:100px; margin-top:30px; margin-left:40px;
background-color:#00A3C4;}
#contador {width:160px;height:60px; float:right;
position:relative; top:-70px; right:40px; border: dotted;
color:#CCFFFF;}
margin:0px;line-height: 1.5;}
#global{width:994px;
height:auto;
margin: 35px auto;
background-color:white;}
#cabeza { width:994px;height:180px;}
...
...
...
#banner1 {width:308px;
height:175px;
position:relative;top:10px;
float:left;
margin-bottom:30px;
background:white; margin-left:20px; }
#banner2 {width:308px;height:175px;
position:relative;top:10px;
float:left; margin-bottom:30px;
margin-left:15px;background:white;}
#cont {width:994px;height:auto;
background-color: white; float:left;
padding-bottom:50px;}
#menusec {width:250px; height:auto;
position:relative; top:40px; left:40px;
float:left; background-color:white; clear:both;list-style:none;}
#txt {width: 620px; height:auto;
float:left; position:relative; top:40px; left:65px;
background-color:white; padding-top:20px;}
#contacto {width:994px; height:150px;
background-color:white;float:left;clear:both;}
#contactoin {width:158px; height:58px;
margin:60px auto; clear:both;}
#pie { width:994px;height:200px;
background-color:#00A3C4;position:relative;top:0px;float:left ;}
#piein { width:300px;height:100px; margin-top:30px; margin-left:40px;
background-color:#00A3C4;}
#contador {width:160px;height:60px; float:right;
position:relative; top:-70px; right:40px; border: dotted;
color:#CCFFFF;}
Se los agradezco y agradecere infinitamente.
