Äyuda con Template Joomla

jonadv · March 8, 2011

Primero pido disculpas si es que este Post no va en esta seccion, trate de ponerlo en la seccion de templates pero no me dejo.

Bueno les cuento estoi creando un template para joomla (no tengo mucha experiencia en esto), y el problema que tengo es con los distintos navegadores, lo he testiado en solo dos pero ya hay diferencias, en firefox me muestra tal y como quiero la pagina pero en intenet explorer no.

les dejo las capturas:

Firefox

Imagen IPB

Internet Explorer

Imagen IPB

Como se ve en iexplorer salen los titulos mas abajo en comparacion de firefox, lo otro cuando le pongo 100% o auto en el largo del contenedor, en iexplorer me funciona bien pero en firefox la pagina queda arriba con el pie pegado al header.

Aqui les dejo el codigo PHP y el CSS

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<jdoc:include type="head" />             
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/zion.css" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">    
</head>
    <body>
    <div id="margen">
        <div id="contenedor">
              <div id="logo">
              </div>
                <div id="img">
                    <div id="menu">
                <jdoc:include type="modules" name="left" style="xhtml" />
                    </div>
<div class="izq">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<div class="centro">
<jdoc:include type="component" />
</div>
<div class="der">
<h2>Presupuesto</h2>
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
</div>
<div id="pie">
</div>
</div>
<div id="copy">
<?php include_once('includes/footer.php'); ?>
</div>
</body>
</html>

CSS

#html { 
    overflow-y:hidden;
    overflow-x:hidden; 
}

body {
    background: url(../images/bg.gif);
    border-top:0px;
    top:0px;
    width:750px;
    height:900px;
    margin:0 auto;
    border-top:0px;
    font-size: 62.5%;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: #ffffff;
} 

#margen{    
    border:3px solid #222;
    border-top:0;
    margin:0 auto;
    width:750px;
    top:0px;
}

#contenedor{
    background: url(../images/contenedor.jpg);
    border-top:0px;
    top:0px;
    width:750px;
    margin:0 auto;
    height:900px;
    
}

#img{
    background:url(../images/img_01.gif) no-repeat right top;
    height:167px;
}

#logo{
    background:url(../images/logo.jpg) no-repeat;
    width:750px; 
    height:194px;   
    top:0px;
}

#menu{
padding:4px;
    margin:0px auto;
    width:184px;
    height:23px;
    display:block;
}

#menu li{
    padding-top:3px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    color:#FFFFFF;
    list-style-type:none;
    text-indent:4px;
    border: thin double #284549;
}

#menu li a{
text-decoration:none;  
color:#FFFFFF;  
}

#menu li a:hover{
color:#c1c1c1;
}

#pie{
    background-image:url(../images/pie.jpg); 
    width:750px; 
    height:73px;
}

#copy{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin:0 auto;
    text-align:center;
}


.izq {
    padding:0px;
    padding-left:0px;
    padding-top:0px;
    float:left;
    width:270px;
    height:0px;
    display:block;
    display:block;
}

.der {
    padding:4px;
    padding-right:0px;
    padding-top:120px;
    float:right;
    width:220px;
    height:0px;
    display:block;
}

.centro {
        position:absolute;
    left: 41%;
    margin-top: -100px;
    margin-left: -100px;
    margin:0px auto;
    width:190px;
    display:block;
    padding-top:120px;

}

.izq h2 {
    background:url(../images/izq.jpg);
    width:240px;
    height:22px;
    display:block;
    font-size: 18px;
    color:white;
    text-align:center;
}

.centro h2 {
    background:url(../images/centro.jpg);
    width:220px;
    height:22px;
    display:block;
    font-size: 18px;
    color:white;
    text-align:center;
}

.der h2 {
    background:url(../images/der.gif);
    width:220px;
    height:22px;
    display:block;
    font-size: 18px;
    color:white;
    text-align:center;
}
.clear{
clear:both;
}

Esperando su ayuda

Muchas Gracias.

Sign In

Äyuda con Template Joomla

Recommended Posts

jonadv

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity