Comunidad de diseño web y desarrollo en internet online

Altura "contenedor" en Mozilla Firefox

Citar            
MensajeEscrito el 25 Jun 2007 08:35 am
:crap: Hola,
Necesito ayuda para solucionar un problema que me ha surgido en un portal hecho con CSS ( con include ). Se trata sobre la altura del contenedor en Mozilla ( en IE funciona bien). Sale más corto de altura que los elementos div (algunos en include. No se si eso tiene que ver) que contiene.
El código del contenedor es:
#contenedor{
border: 1px solid #007a63;
height: auto;
margin: 0px auto;
margin-top: 10px;
width: 775px;
background-color: #FFFFFF;
}
Gracias por vuestra ayuda... y si es rápida mejor. Si necesitais más datos, pedídmelos. Un saludo

Por Nornor

25 de clabLevel



Genero:Femenino  

msie
Citar            
MensajeEscrito el 25 Jun 2007 09:58 am
Pues necesitaríamos más datos, como la página entera, un enlace o el código de la misma (mejor el enlace) será de gran utilidad.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 25 Jun 2007 11:07 am
Gracias por tu respuesta.
No tengo todavía nada subido a la red. Supongo que en este mes se subirá a la red.
De momento solo puedo enviar el código. Espero que sirva.

HTML

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Potencia tu pyme</title>
<link href="css/estilos_index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">
<!--#include file="include/cabecera.html"-->
<div id="uno">
<!--#include file="include/izq.html"-->


<div id="derecha">
<!--#include file="include/submenu.html"-->

<div id="titular"><h3>Bienvenidos a Potencia tu Pyme</h3></div>

<div id="texto"><p>Texto</p>
</p></div>
</div>
</div>

<!--#include file="include/sobrepie.html"-->
<!--#include file="include/pie.html"-->

</div>
</body>
</html>


CSS: estilos_index.css

Código :

.limpia{
   clear: both;
}
a{
   text-decoration: none;
}
img{
   border: 0px;
}
body{
   margin: 0px;
   padding: 0px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   background-repeat: repeat-x;
   background-attachment: fixed;
   background-image: url(../imagenes/body_fondo.jpg);
}
#contenedor{
   border: 1px solid #007a63;
   height: auto;
   margin: 0px auto;
   margin-top: 10px;
   width: 775px;
   background-color: #FFFFFF;
}
#cabecera_01{
   width: 775px;
   height: 92px;
}
#uno{
   width: 775px;
   margin: 0px;
   padding: 0px;
}
#izq{
   margin: 0px;
   padding: 0px;
   width: 181px;
   height: auto;
   float: left;
}

#menu{
   float: left;
   height: auto;
   width: 181px;
   margin: 0px;
   padding: 0px;
   color: #000000;
   padding-top: 20px;
   font-size: 9pt;
   font-weight: bold;
}
#menu ul{
   list-style: none;
   display: block;
   float: left;
   margin: 0px;
   padding: 0px;
   width: 181px;
   height: auto;
}
#menu li{
   width: 181px;
   padding-bottom: 5px;
   background-repeat: no-repeat;
}
.sangria{
   text-indent: 25px;
   font-size: 8pt;
}
.sangria2{
   text-indent: 10px;
}
#menu ul li a {
   display: block;
   color: #000000;
   width: 181px;
}
#menu ul li a:hover {
   color: #ABB401;
   width: 181px;
   
}
#curva{
   background-image: url(../imagenes/curva.jpg);
   float: left;
   width: 200px;
   height: 148px;
}
#derecha{
   height: auto;
   width: 575px;
   float: right;
   background-color: #ABB401;
   border-left: 19px solid;
   border-left-color: #007A63;
   margin: 0px;
   padding: 0px;
}
#submenu{
   margin: 0px;
   padding: 0px;
   width: 575px;
   height: 20px;
   float: left;
   font-size: 10pt;
}
#submenu ul {
   list-style: none;
   display: block;
   float: left;
   margin: 0px;
   padding: 0px;
   padding-left: 10px;
   width: 565px;
}
#submenu li {
}
#submenu ul li a {

   display: block;
   color: #000000;
}
#submenu ul li a:hover {
   color: #FFFFFF;
}
#titular{
   width: 565px;
   height: 20px;
   float: left;
   color: #FFFFFF;
   padding-left: 10px;
   display: block;
   border-bottom: 1px solid;
   border-bottom-color: #007A63;
   margin: 0px;
   padding-bottom: 20px;
   padding-top: 10px;
}
#texto{
   color: #FFFFFF;
   padding-left: 10px;
   padding-right: 10px;
   margin: 0px;
   font-size: 10pt;
}
#dos{
   width: 775px;
   margin: 0px;
   padding: 0px;
   height: 148px;
}
#ladocurva{
   width: 575px;
   background-color: #ABB401;
   height: 148px;
   float: right;
   margin: 0px;
   padding: 0px;
}
#pie{
   width: 775px;
   height: 54px;
}
.verdeoscuro{
   color: #007A63;
}


Si aún persiste la duda. Decidme que más información os puedo dar ( como algún include)
Un saludo [/code]

Por Nornor

25 de clabLevel



Genero:Femenino  

msie
Citar            
MensajeEscrito el 25 Jun 2007 04:00 pm
:) Hola de nuevo.
He logrado que el contenedor llegue hasta el final en MF.!!!
Sería así ( por si hay alguien más en este caso),

en HTML:

<div class="limpia"></div>

en CSS:

.limpia{
clear: both;
}
No lo había aplicado bien en el HTML al no ponerlo hacia el final.
Espero que sea de utilidad.
Gracias por quien pudiera estar dando vueltas al tema de esta consulta.
De todas formas si conoceis otra solución mejor, comentadla.
Un saludo

Por Nornor

25 de clabLevel



Genero:Femenino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.