DotNetClubs

Hola a todos:

Mi problema es el siguiente:

    La estructura de mis páginas es la siguiente:
            <div id='contenedor'> 
                <div id='cabecera'></div>
                <div id='cuerpo'>
                         <div id='menu'>//A la izquierda</div>
                         <div id='contenido'></div> 
                </div>
                <div id='pie'></div>
            </div>

Esto me va estupendamente en explorer, centradito y con todo en su sitio, sin embargo lo ejecuto con firefox y es el desmadre padre, las capas se me vuelven locas, sobre todo el cuerpo que no se ajusta a lo que le pongo en float en el css. Si alguien pudiera echarme un cable o decirme donde encontrar un tutorial que trate de esto. Estoy buscando y no encuentro nada que me sirva. Bueno muchas gracias a todos de antemano.

Hola Brezmes,

Sería muy interesante que adjuntaras el CSS para poder reproducir el problema.

Aqui te mando lo que tengo en la hoja de estilos:

body
{
    font-size: x-small;
    font-family: Verdana;
    background-color: silver;
    text-align: center;
}

#contenedor
{
    text-align:left;
    margin: 5px;
    border: 1px solid black;
    width: 900px;
    height: 120%;
    background-color: #ffffff;
}

#cabecera
{
    width: 900px;
    background-color:Black;
    background-repeat: no-repeat;
    height: 8%;
}

#cuerpo
{
    background-color:Gray;
    height:92%;
    width:900px;
    float:left;
}

#pie
{
    font-size: x-small;
    width: 900px;
    color: #ffffff;
    font-family: Verdana;
    height: 2%;
    background-color: black;
    text-align: center;
}

#menu
{
    float: left;
    margin: 5px;
    width: 20%;
    height:98%;
    background-color: gray;
}

#contenido
{
    position:absolute;
    background-color:graay;
    border-left: thin solid black;
    overflow:auto;
    margin:5px;
    width:78%;
    height:98%;
    float:right;
}

Hola, te comento cambios:

En "cuerpo" pon position:relative;

En "contenido", quita el position:absolute; y el width:78%; y pon el float:left;

Con esto ya queda como buscas (probado en Firefox2.0, Opera 9.2 y IE 7 en Windows XP, en otros sistemas no debería dar problemas).

Un saludo

Muchas gracias, algo a mejorado, todavia hay algunas cosas que no van bien pero ahora va muxo mejor.Enga muxas garcias

Si tienes algún problema más no tienes más que comentarlo :)

Hola, cómo estan, desde hace varias semanas que tengo un problema similar con un sitio en Joomla que estoy modificando, sólo que en este caso las incompatibilidades son entre las hojas css y explorer. El problema consiste en que el panel de contenido se "pasa por debajo" del módulo del menú principal cuando se disminuye el tamaño de la ventana. También ocurre que en la sección de "contactar" aparece código php como si fuera texto normal y hay un ligero desfase en los datos que ahí aparecen. Ya realicé algunos cambios y ya no ocurre el mismo efecto con el panel de contenido, sino otro igual o peor: el módulo de las imágenes se "traslapa por debajo" del panel de contenido. Al parecer esto es debido al 'position: absolute', pero si le pongo 'relative', regresa al problema original.

Francamente, no tengo mucho entrenamiento en css y no he encontrado muy útil un manual de css que encontré en línea.

No se si prefieran que les mande el código completo, pero les envío los fragmentos que considero que son los responsables de estos problemas:

Menú Principal:

td.pill_m {

  background: url(../images/mw_menu_normal_bg.png) repeat-x;
  padding: 0;
  margin: 0;
      float: left;
      /*width: 20%;*/
      height: 90%;
} ...

Panel de Contenido:

/* content styles */
table.contentpaneopen, table.contentpane {
 margin: 0;
 padding: 0;
      /*width: auto;*/     //a partir de esto es lo que modifiqué
       height: 90%;
       width: 900px;
       float: right;
       position: absolute;
     /*  position: relative;*/
       overflow: auto;
}

Estos son los links más afectados del sitio que estoy modificando por si les puede ser útil:

http://www.aisac.org.mx/index.php?option=com_content&task=view&id=15&Itemid=31

http://www.aisac.org.mx/index.php?option=com_contact&Itemid=3