Foros del web, para los que viven de bits

p2pdownloading · 11-may-2008, 08:40

hola tengo un problema con mozilla que no me reconoce el ancho de un div 100% entonces me muestra las tablas al 100% respecto de toda la pantalla

aqui dejo el resumen del codigo

no le encuentro solucion!

saludos y gracias de antemano

Código PHP:


			
<html>

<head>

<style>



#content {

text-align: left;

height: 100%;

background-color: #fff;

width: 100%;



}







#left_sidebar {

float: left;

width: 120px;

height: 200%;

background: #43758c;

}









#right_sidebar_container_bottom{

        float:right; 



    width: 310px;



        height:100%;

        background:#143d55;



}



#main {

width: 100%;

padding-top: 0px;

height: 100%;

margin-left: 30px;

}





</style>

</head>

<body>



<div id=content>



<div id=left_sidebar>

</div>







<div id=main>



<table border=1 width="100%">



<td>

contenido

</td>

</table>



</div>

</div>





</body>

</html>

Mikmoro · 11-may-2008, 11:31

Evidentemente no sé a qué div te refieres, pero el problema debe ser que cuando fijas un porcentaje debe ser un porcentaje de algo, y si su elemento padre no tiene un tamaño, no podrás fijar un porcentaje de "nada".

Lo que se suele hacer en este caso es empezar por

html, body { width: 100%;}

de manera que el contenedor principal ya tiene un tamaño, y ahora puedes fijar el 100% de su tamaño.

Mikel.

p2pdownloading · 11-may-2008, 12:01

hola acabo de hacer lo que me dices pero no funciona,

me refiero a al <div id=main> que es el que contiene a la tabla.

saludos y gracias

Mikmoro · 11-may-2008, 12:16

Creo que no habías planteado bien la consulta: no es que no te tome el 100% (que sí lo está haciendo), sino que lo que querías era que tenga el 100% menos los 120px del lateral izquierdo. Eso hay que hacerlo de otra manera. Ahora te lo miro.

Mikel.

Mikmoro · 11-may-2008, 12:25

Prueba a ver si te va bien así:

Cita:

<html>
<head>
<style>
#content {
text-align: left;
height: 100%;
background-color: #fff;
width: 100%;
}
#left_sidebar {
float: left;
width: 120px;
height: 200%;
background: #43758c;
}
#right_sidebar_container_bottom{
float:right;
width: 310px;
height:100%;
background:#143d55;
}
#main {
padding-top: 0px;
height: 100%;
margin-left: 30px;
overflow: hidden;
}
</style>
</head>
<body>
<div id="content">
<div id="left_sidebar">
</div>

<div id="main">
<table border="1" width="100%">
<td>
contenido
</td>
</table>
</div>

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

Mikel.

p2pdownloading · 11-may-2008, 15:32

hey mil gracias ahora si funciona!

veo que pusiste overflow: hidden;

ahora voy a averiguar de que se trata

saludos

11-may-2008, 08:40	#1 (permalink)
p2pdownloading Fecha de Ingreso: noviembre-2007 Mensajes: 386	problemas mozilla y width hola tengo un problema con mozilla que no me reconoce el ancho de un div 100% entonces me muestra las tablas al 100% respecto de toda la pantalla aqui dejo el resumen del codigo no le encuentro solucion! saludos y gracias de antemano Código PHP: <html> <head> <style> #content { text-align: left; height: 100%; background-color: #fff; width: 100%; } #left_sidebar { float: left; width: 120px; height: 200%; background: #43758c; } #right_sidebar_container_bottom{ float:right; width: 310px; height:100%; background:#143d55; } #main { width: 100%; padding-top: 0px; height: 100%; margin-left: 30px; } </style> </head> <body> <div id=content> <div id=left_sidebar> </div> <div id=main> <table border=1 width="100%"> <td> contenido </td> </table> </div> </div> </body> </html> __________________ PROGRAMAS P2P Ares

11-may-2008, 11:31	#2 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.998	Re: problemas mozilla y width Evidentemente no sé a qué div te refieres, pero el problema debe ser que cuando fijas un porcentaje debe ser un porcentaje de algo, y si su elemento padre no tiene un tamaño, no podrás fijar un porcentaje de "nada". Lo que se suele hacer en este caso es empezar por html, body { width: 100%;} de manera que el contenedor principal ya tiene un tamaño, y ahora puedes fijar el 100% de su tamaño. Mikel.

11-may-2008, 12:01	#3 (permalink)
p2pdownloading Fecha de Ingreso: noviembre-2007 Mensajes: 386	Re: problemas mozilla y width hola acabo de hacer lo que me dices pero no funciona, me refiero a al <div id=main> que es el que contiene a la tabla. saludos y gracias __________________ PROGRAMAS P2P Ares

11-may-2008, 12:16	#4 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.998	Re: problemas mozilla y width Creo que no habías planteado bien la consulta: no es que no te tome el 100% (que sí lo está haciendo), sino que lo que querías era que tenga el 100% menos los 120px del lateral izquierdo. Eso hay que hacerlo de otra manera. Ahora te lo miro. Mikel.

11-may-2008, 12:25	#5 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.998	Re: problemas mozilla y width Prueba a ver si te va bien así: Cita: <html> <head> <style> #content { text-align: left; height: 100%; background-color: #fff; width: 100%; } #left_sidebar { float: left; width: 120px; height: 200%; background: #43758c; } #right_sidebar_container_bottom{ float:right; width: 310px; height:100%; background:#143d55; } #main { padding-top: 0px; height: 100%; margin-left: 30px; overflow: hidden; } </style> </head> <body> <div id="content"> <div id="left_sidebar"> </div> <div id="main"> <table border="1" width="100%"> <td> contenido </td> </table> </div> </div> </body> </html> Mikel.

11-may-2008, 15:32	#6 (permalink)
p2pdownloading Fecha de Ingreso: noviembre-2007 Mensajes: 386	Re: problemas mozilla y width hey mil gracias ahora si funciona! veo que pusiste overflow: hidden; ahora voy a averiguar de que se trata saludos __________________ PROGRAMAS P2P Ares

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado