slider descentrado en plantilla joomla

michelmin · #1 (**permalink**) 19/09/2011, 14:57

Hola a todos, tengo un problema que no consigo solucionar(y lo mismo es una bobada) tengo una plantilla (framelab) y jommla 1.7 , la platilla trae una posicion especifica para poner un slider, el problema esque la imagen se ve desplazada segun las resoluciones de monitores, no consigo que siempre quede centrada, la posicion en el php es:
<div id="slide">

<?php if ($slide == 1) { ?>
<jdoc:include type="modules" name="position-12" style=""/>
<?php } else { ?>
<img src="<?php echo $this->baseurl ?>/<?php echo $slidecontent; ?>" alt="" />
<?php } ?>
</div>

y su css es este:

#slide
{
display: block;
height: 290px;
overflow: hidden;
width: 100%;
box-shadow: 5px 0 5px 0 #999;
position: absolute;
left: auto;
top: 180px;
margin:auto;

}

he probado de todo o eso creo.. a ver si alguien puede aiudarme
muchas gracias

www.elegimos.org

C2am · #2 (**permalink**) 19/09/2011, 15:30

Tienes esta estructura:
<body>
<div id=main>
</div>
<div id=slider>
</div>
</body>

Y el slider lo posicionas absoluto, es decir que estas diciendole que se posicione en base a la esquina superior izquierda de la pantalla, y eso hace:

Código CSS:

Ver original#slide {
display: block;
height: 290px;
overflow: hidden;
width: 100%;
box-shadow: 5px 0 5px 0 #999;
position: absolute;
left: auto;
top: 180px;
margin: auto;
}

El left: auto no funciona porque no tienes ningún elemento padre posicionado y con ancho definido, es decir, ¿cual es la referencia de ese left:auto? ninguna, en consecuencia se posiciona en left:0.
Podrías definir un contenedor, o simplemente cambiar la estructura metiendo el slider dentro del main para que quede centrado tal como todo el resto de los elementos dentro de él.

Saludos

michelmin · #3 (**permalink**) 19/09/2011, 15:53

joe gracias por responderme tan pronto. estoy intentando entender lo que me estas diciendo , pero no se como llevarlo a cabo, creo q me das dos soluciones :una retocar el php y otra retocar el css?

gracias y un saludo

michelmin · #4 (**permalink**) 20/09/2011, 14:03

No consigo que quede centrado , he metido el slider dentro del div del main como me has dicho , pero sigo sin poder centrarlo.

ayuda plis

C2am · #5 (**permalink**) 20/09/2011, 14:27

Hola
ubicalo debajo del menu y sobre <div id="showcase">:

Código HTML:

Ver original<div id="slide">
            <div class="" id="pgfsbox" style="width: 960px; height: 450px;">
                <div id="pgfs" style="width: 960px; height: 450px;">
                </div>
            </div>
        </div>  
       
                <div id="showcase">

Y elimina el left:xx, o dejalo en left:0;
Saludos

michelmin · #6 (**permalink**) 20/09/2011, 15:36

Joer , cuando aprenderé yo a esto , MUCHAS GRACIAS , sale centrado pero ahora no salen imagenes , no se si al cambiar el php, falta algun comando.

creo que lo he arreglado , he añadido esto que faltaba al div del slide
<?php if ($slide == 1) { ?>
<jdoc:include type="modules" name="position-12" style="none"/>
<?php } else { ?>
<img src="<?php echo $this->baseurl ?>/<?php echo $slidecontent; ?>" alt="" />
<?php } ?>

creo que es una condicion que pide la plantilla , ???