Foros del Web » Creando para Internet » CSS »

Div contenedor en MFF no contiene

Estas en el tema de Div contenedor en MFF no contiene en el foro de CSS en Foros del Web. Hola, En IE puedo ver bien que el div contendor "contiene" los demas divs. En MFF el contenedor queda con una altura minima, y los ...
  #1 (permalink)  
Antiguo 03/11/2008, 19:22
 
Fecha de Ingreso: julio-2008
Mensajes: 7
Antigüedad: 9 años, 5 meses
Puntos: 0
Div contenedor en MFF no contiene

Hola, En IE puedo ver bien que el div contendor "contiene" los demas divs. En MFF el contenedor queda con una altura minima, y los demas divs por debajo de este. No se como solucionar el problema, si pudieran ayudarme....
La url es www.mastermate.com.ar/ciudadparque/VCP_LaComuna.html

Este es mi html
<body>
<!--PAGE CONTENT-->
<div id="page-container">
<!--HEADER-->
<div id="header">
<img src="images/encabeza.jpg" height="180" width="795" />
<! Fin Crossfade foto superior------------------------------>
<! MENU HORIZONTAL------------------------------>
<div id="menu">
</div>
<! fin menu horizontal------------------------------>
</div>

<!--izquierda-->
<div id="sidebar-a">
<div class="padding">
<div id="colizq" >
<div class="myBox">
<ul> </ul>
</div>
</div>
</div>
</div><!--fin izquierda-->


<!--Contenido central-->
<div id="wrapper">
<div id="colctral">


<div style="clear: both;">
<!-- InstanceBeginEditable name="ContenidoCentral" -->
<p class="encabezado">Nuestra Comuna</p>
<hr size="1" noshade="noshade" />

<!-- InstanceEndEditable --> </div>

<div align="center"><br />
</div>
</div>
</div>

<!--derecha-->
<div id="sidebar-b">
<div class="padding">
<div id="colder" >
<!-- InstanceBeginEditable name="ContenidoDerecho" -->ContenidoDerecho


<!-- InstanceEndEditable -->

</div>
</div>
</div><!--fin derecha-->



</div><!--Fin page container-->
<div class="limpia">&nbsp;</div>

</body>


Este es el css

*------------body start-----*/
html, body {
background-color: #ffffff;
text-align: center;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;

}


/*------------PAGE CONTAINER START-----*/
#page-container {
border-width: medium;
border-color: #330099;
border-style: solid;
margin: 0;
padding: 0;
width: 798px;
margin: auto;
margin-top: 0;
background: #999966;
background-position:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*------------HEADER START-----*/
#header {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
width: 798px;
height: 202px;
background-color: #333300;
background-position: center;
text-align: center;
}
#menu{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
width: 798px;
height: auto;
background-color: #333300;
background-position: center;
text-align: center;
}
/*------------COLUMNA IZQUIERDA-----*/
#colizq {
float: left;
width: 160px;
height: auto;
background: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #ffffcc;
text-align: left;
margin-left: 4px;
}
.myBox
{
margin: 0 auto;
border: 1px solid #333300;
color: #ffffff;
width: 100%;
height: auto;
padding: 5px;
text-align: left;
background-color: #ae923e;
margin-top: 25px;
margin-left: 4px;
}
/*-----------------------------CONTENIDO CENTRAL-----*/
#colctral {
float: left;
width: 440px;
height: auto;
background: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #000000;
text-align: left;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0;
padding-bottom: 10px;
margin: 0;
}
#indiceportada {
background-image: url(../images/backindice.jpg);
}
/*------------COLUMNA DERECHA-----*/
#colder {
float: left;
height: 200px;
width: 153px;
height: auto;
background: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #ffffcc;
text-align: left;
margin-top: 10px;
margin-left: 5px;
}
#colder p {
margin-left: 5px;
margin-top: 10px;
outline: none;
line-height: 16px;
padding: 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
list-style-type: none;
}
  #2 (permalink)  
Antiguo 03/11/2008, 20:13
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 9 años, 7 meses
Puntos: 1
Respuesta: Div contenedor en MFF no contiene

la verdad no me di la lata de leer todo tu codigo, pero una critica rapida los comentarios se abren asi <!-- y se cierran asi --> no con millones de guiones antes lo mismo para css /* */ sea ordenado...
otra cosa no pude ver tu archivo pero el problema según yo esta aquí:

<div style="clear: both;">
<!-- InstanceBeginEditable name="ContenidoCentral" -->
<p class="encabezado">Nuestra Comuna</p>
<hr size="1" noshade="noshade" />

(Donde cerro el div??? lo dejo en el aire???)... ahora te aconsejo lo siguiente. crear un p con margin 0 y el clear both. y abajo el div con el contenido...

Saludos.
  #3 (permalink)  
Antiguo 04/11/2008, 13:01
 
Fecha de Ingreso: julio-2008
Mensajes: 7
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Div contenedor en MFF no contiene

Mil gracias por tu consejo, en realidad colocaba todos esos guiones para que resaltaran mas a la vista, pero voy a tomar el consejo.
Solucione el problema creando un div justo antes del </div> que cierra el div contenedor, con un clear como aconsejan en uno de los items del foro. El asunto es que lo ponia en lugar equivocado y no funcionaba.
GRacias de nuevo!
  #4 (permalink)  
Antiguo 04/11/2008, 14:13
Avatar de dacho  
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 9 años, 6 meses
Puntos: 21
Respuesta: Div contenedor en MFF no contiene

Holas Julietita ademas es una buena practica para el foro que el codigo que colcas en la web como en tu primer post lo encierres entre los tags "[HTML]" de esta forma el codigo se marca con color y es mas facil de leerlo.

Saludos.
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho
  #5 (permalink)  
Antiguo 04/11/2008, 14:36
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Div contenedor en MFF no contiene

Hola Julieta:
El enlace que has puesto no funciona:
Cita:
The page cannot be found
y en el dominio 3w.mastermate.com.ar tienes un error en la llamada al css, no carga los estilos, así que ... quedamos a la espera...
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:48.