Problema con fondo en div

Phoenix4 #1 Mar '11

hola buenas!
Tengo un problema...
Estoy cargando un fondo en una página web y necesito que se cargue en el index.php, ya que le aplico javascript para que este se ajuste a la resolución del usuario.
El problema, es que en el index al añadir el fondo, me lo carga encima del resto del contenido y por mas que cambio los divs, no consigo que se me quede debajo del resto de contenido.
Alguien me puedo ayudar?
Adjunto el index.php.
Muchas gracias!

<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>

<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>

<!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"

xml:lang="<?php echo $this->language; ?>"

lang="<?php echo $this->language; ?>" >
<head>

<jdoc:include type="head" />

<link href="<?php echo $this->baseurl ?>/templates/transparent_bliss_1.5/css/template.css" rel="stylesheet" type="text/css" />



<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.effects.core.min.js"></script>
<script type="text/javascript" src="jquery.effects.slide.min.js"></script>
<script type="text/javascript" src="jquery.effects.blind.min.js"></script>
<script type="text/javascript" src="jquery.superbgimage.min.js"></script>

<script type="text/javascript">
$(function() {
// Options for SuperBGImage
$.fn.superbgimage.options = {
randomtransition: 1, // 0-none, 1-use random transition (0-7)
slideshow: 1, // 0-none, 1-autostart slideshow
slide_interval: 3000, // interval for the slideshow
randomimage: 1, // 0-none, 1-random image
speed: 'slow' // animation speed
};
// initialize SuperBGImage
$('#thumbs').superbgimage().hide();
});
</script>


</head>
<body>

<div id="superbgimage">
<img src="<?php echo $this->baseurl ?>/templates/transparent_bliss_1.5/images/fondowebestrellas.jpg">
</div>


<div id="wrapper">

  <div id="headwrap">

<div id="topmenu"><jdoc:include type="modules" name="user5" style="xhtml" /></div>

  </div>

  <?php if($this->countModules('top-nav')) { ?>

  <div id="jb-top-menu">

<div id="nav">

  <jdoc:include type="modules" name="top-nav" />

</div>

  </div>

  <?php } ?>

  <div id="leftwrap">

<div id="left">

  <div id="leftinner2">

    <jdoc:include type="modules" name="left" style="xhtml" />

	<jdoc:include type="modules" name="user1" style="xhtml" />

  </div>

</div>

  </div>

  <div id="center">

<div><img src="<?php echo $this->baseurl ?>/templates/transparent_bliss_1.5/images/right-top.png" alt="" width="800" height="10" border="0" /></div>

<div id="rightinner">

    <jdoc:include type="modules" name="right" style="xhtml" />

  <div id="rightinner2">

    <jdoc:include type="component" />

    <div id="BottomModule">

      <jdoc:include type="modules" name="user3" style="xhtml" />

    </div>

  </div>

</div>

<div><img src="<?php echo $this->baseurl ?>/templates/transparent_bliss_1.5/images/right-bottom.png" alt="" width="800" height="10" border="0" /></div>

  <div id="copyright">

        <jdoc:include type="modules" name="user4" style="xhtml" />

  </div>

</div>

  </div>

</div>

</div>

</body>

</html>

El fondo es el fondowebestrellas.jpg

NeB1 #2 Mar '11

en CSS

#superbgimage{
   position:absolute:
   top:0;
   left:0;
   z-index:0;
}
#wrapper{
   z-index:100;
}

Zuerte. Ya dirás si funciona así, que no lo he probado.

Phoenix4 #3 Mar '11

Pues no, me la sigue cargando encima del resto de contenido.
He puesto en el css lo que me pusiste pero no va.
Que hago mal?

Phoenix4 #4 Mar '11

Solucionado!

Gracias por la ayuda.

1 respuesta

NeB1 #5 Mar '11

#4 cual era el error al final?

Problema con fondo en div

Usuarios habituales

Tags