Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/08/2009, 09:52
angarzafir
 
Fecha de Ingreso: febrero-2007
Mensajes: 41
Antigüedad: 17 años, 1 mes
Puntos: 0
Respuesta: Firefox solapa mis divs la primera vez que carga la pagina

Hola Kseso, gracias por responder. Hice las correciones pero aún no se arregla en firefox.

Asi tengo el codigo CSS
Código:
/*
/////////////////////////
************************
Para las paginas de contenido
/////////////////////////
************************
*/
#total{
max-width:930px;
margin:auto;}

#header{
height:145px;
background-color:#000000;
width:930px;
background-image:url(../graficos/modern/banner.jpg);
background-position:top;
background-repeat:no-repeat;
//display:table;
position:relative;
margin:auto;
}
#index{
width:900px;
display:table;
margin:auto;}

#left{
width:177px;
background-color:#000000;
color:#FFFFFF;
text-align:center;
margin: 0px 0px 0px 0px;
padding-bottom: 10px;
float:left;
display:table-row;
background-image:url(../graficos/modern/bottom_menu.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#cuerpo{
width:910px;
border-left:10px solid #000000;
border-right:10px solid #000000;
background-color: #FFFFFF;
/*position:relative;*/
margin: auto;
}
#cont_afiliados{
height:40px;
border-top:2px solid #000000;
border-bottom:2px solid #000000;}

#cont_login{
height:25px;
background-color:#000000;
text-align:right;
font-size:10px;
color:#CCCCCC;}

#noticiero{
width:500px;
margin:0px;
text-align:justify;
position:relative;
float:left;
margin: 5px 5px;
}

#col_center{
margin: 0px 0px 0px 0px;
padding: 0px;
width:400px;
text-align:center;
float:left;
display:table-row;}

#col_right{
margin: 0px 0px 0px 0px;
padding: 0px;
width:313px;
float:right;
text-align:center;
position:relative;
display:table-row;}

#scan_right{
width:177px;
float:right;
display:table-row;
margin: 0px 0px 0px 0px;
 padding: 0px;
}
#toolbar{
width:100%;
position:fixed;
background-color:#000000;
bottom:0px;
left:0px;
text-align:right;
font-size:10px;
color:#CCCCCC;
height:40px;
z-index:100;
}
#footer{
height:40px;
background-color:#000000;
width:930px;
background-image:url(../graficos/modern/footer.jpg);
background-position:top;
background-repeat:no-repeat;
margin:auto;
display:table;
position:relative;
margin-bottom:50px;
	clear: both;
}
La web tiene dos posibles plantillas: la del home esta distribuida asi

- #total
----#header (logo y menu)
----#cuerpo
--------#cont_login (inico a la web)
--------#cont_afiliado (botones afiliados)
--------#index (contiene columnas)
----------------#left
----------------#col_center
----------------#col_right
----#footer
----#toolbar

Las del contenido que la columno derecha es más delgada y con otro diseño

- #total
----#header (logo y menu)
----#cuerpo
--------#cont_login (inico a la web)
--------#cont_afiliado (botones afiliados)
--------#index (contiene columnas)
----------------#left
----------------#noticiero
----------------#scan_right
----#footer
----#toolbar

Espero su ayuda.
__________________
Angarzafir
Estudiante en Desarrollo Web
Ing. Computación