Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/05/2008, 21:00
gtanime
 
Fecha de Ingreso: diciembre-2006
Mensajes: 44
Antigüedad: 17 años, 4 meses
Puntos: 1
Joomla template ayuda con css

Hola amigos, tengo un problemita con este template y css y espero de su ayuda.

Este es el body de mi index.php

Código PHP:
<body>
<div id="container_"> 
    <div id="header_"><?php mosLoadModules 'header' ); ?> </div>
    
    <div id="top_"><?php mosLoadModules 'top' ); ?>  </div>
    
    <div id="inset_"> <?php mosLoadModules 'inset'); ?>  </div>

            <div id="right_"><?php mosLoadModules 'right', -); ?>   </div>

    
    <div id="advert1_"><?php mosLoadModules 'user1', -); ?> </div>

    <div id="todo_">
    <div id="users_">     <?php mosLoadModules 'user2'); ?> </div>
     <div id="users1_">   <?php mosLoadModules 'user3'); ?> </div>
    </div>
    
 
<div id="main_"> <?php mosMainBody(); ?>  </div>
    
   
 </div>  


    <div id="footer_">         <div id="copyright">
           Desarrollado por Gtanime.<br />
            http://webdesign.gtanime.com </div> </div>
Y este es el css

Código PHP:
body {

    
background-color:#e4e4e4;

    
background-image:url(../images/bg.png);

    
background-repeat:repeat-x;

    
margin0 auto;

        
font-family:VerdanaArialHelveticasans-serif;

    
color:#727272;

    
font-size:11px;

        

}

h1 {

    
text-align:center;

    
font-weight:bold;

    
color:#FF0000;

    
font-size:18px;
        
background-image:url(../images/fondo.png);
        
background-repeat:repeat;}

h3 {
       
text-align:center;

    
font-weight:bold;

    
color:#ff7800;

    
font-size:14px;
        
background-image:url(../images/fondo.png);
        
background-repeat:repeat;}



a:link {

    
color:#FF0000;

    
text-decoration:none;

    }



a:hover {

    
color:#ff7800;

    
text-decoration:none;

    }



a:visited {

    
color:#FF0000;

    
text-decoration:none;

    
font-weight:lighter;

    }

table .contentheading {
        
background-image:url(../images/fondo.png);
        
background-repeat:repeat;}

.
contentpagetitle {
     
     
font-size:19px;

}

table.contentpaneopen {
     
padding-left:15px;
     
padding-right:10px;

     }

table.contentpaneopen img {
    
padding:10px;
    
background-color:#FFFFFF;
    
border:1px solid;
    
border-color:#CCCCCC;
    
}
td .buttonheading img {
    
border-color:#FFFFFF;
}



#container_ {

     
margin0 auto;
     
height:auto;
     
width:871px;
       
background-color:#ffffff;





}



#header_ {

     
background-image:url(../images/header.png);

     
background-repeat:no-repeat;

     
height:109px;

     
width:871px;





}



#top_  {

     
background-color:#ef170d;

     
background-image:url(../images/bg2.jpg);

     
background-repeat:repeat-x;

     
height:341px;

     
width:871px;







}



#inset_ {

     
background-color:#000000;

     
height:40px;

     
width:auto;
    

color:#ffffff;







}



#advert1 {

     
height:auto;

     
width:650px;

     
background-color:#ffffff;
  


}







#users_ {

     
background-color:#f7f7f7;

     
height:auto;

     
width:auto;

     
margin-top:0px;



}



#users1_ {

     
background-color:#f7f7f7;

     
height:auto;

     
width:650px;

     
margin-top:0px;
    
     
border-style:solid;
     
border-width:thin;
     
border-color:#999999;

}

#right_ {

     
height:auto;

     
width:180px;

     
float:right;

     
margin-right:20px;

     
margin-bottom:50px;

    
border-left-style:solid;

    
border-left-width:1px;

    
border-left-color:#717171;


}



div.module {
    
margin-left:7px;}





#main_ {

     
padding-top:20px;
     
width:651px;
     
margin-left:20px;
     
margin-left:20px;









}





#users2_ {

     
background-color:#ffffff;

     
height:auto;

     
width:auto;

     
float:left;

     
margin-bottom:50px;

    
border-top-style:solid;

    
border-top-width:1px;

    
border-top-color:#717171;





}

#users3_ {

     
background-color:#ffffff;

     
height:auto;

     
width:auto;

     
float:right;

     
margin-bottom:50px;

    
border-top-style:solid;

    
border-top-width:1px;

    
border-top-color:#717171;

  



}





#footer_ {

 

     
margin0 auto;
     
background-image:url(../images/footer.png);

     
background-repeat:no-repeat;

     
height:50px;

     
width:871px;





}



#copyright {

      
padding-top:10px;

          
text-align:center;

     
font-family:VerdanaArialHelveticasans-serif;

     
color:#ff9681;

     
font-size:10px;

}

.
moduletable_flash {
     
margin-top:10px;
     
margin-left:2px;
}




.
mainlevel_menu {
     
margin-left:15px;
     
font-size:15px;
     
color:#fe074d;}f

a.mainlevel_menu:link  {
     
text_decoration:none;
     
color:#fe074d;}

a.mainlevel_menu:hover  {
     
text_decoration:none;
     
color:#fe074d;
}
a.mainlevel_menu:visited  {
     
text_decoration:none;
     
color:#fe074d;}

table.moduletable {
padding-top:7px;
padding-left:10px;
}
     

a.mainlevel_menu:active  {
     
text_decoration:none;
     
color:#fe074d;}

.moduletable_adiciones th {
     
font-size:15px
        background
-image:url(../images/fondo.png);
        
background-repeat:repeat;
     }

div .module_amigos img {
    
border:hidden;
    
text-align:middle;


En Firefox el contenido o maincontent se ve bien, mientras que en internet explorer el maincontent esta hasta por debajo del modulo de la derecha o right_.
Ya trate cambiando las posiciones en el index y poniendo right por debajo de maincontent pero me corre otras cosas tambien. Que debo de hacer para colocar bien el contenido en Internet explorer?

Gracias