Foros del web, para los que viven de bits

marcvilap · 10-may-2008, 05:29

Tengo un pequeño problema, seguro que es una cosa senzilla pero llebo 2 horas con esto y no logro correguir el error.

Quiero dividir una pagina en dos columnas, pero a la que pongo los dos divs el navegador me interpreta que uno está debajo del otro no se si será questión de cerrar los divs o que, pongo el codigo.

<body>

<div id="contenedor">

<div id="derecha2">

<form method="post" name="form1" action="<?php echo $editFormAction; ?>">
AQUI HAY UN FORMULARIO
</form>
</div>

<div id="izquierda">AQUÍ IRIA LA PARTE DE LA IZQUIERDA<br><br><br></div>

</div>
</body>

Gracias por todo

komodo · 10-may-2008, 09:01

Podrias mostrar tu codigo css? Los div estan bien.. Yo lo haria de la siguiente manera:

Cita:

#contenedor{ width:950px;}
#derecha2{ float:left; width: 475px;}
#izquierda{float:left; width: 475px; clear:both;}

Asi sin mas información es lo que te puedo ayudar.
Un saludo!

Mikmoro · 10-may-2008, 15:42

Supongo que te has confundido al escribir el código. Si pones:

#contenedor{ width:950px;}
#derecha2{ float:left; width: 475px;}
#izquierda{float:left; width: 475px; clear:both;}

el contenedor derecha2 no quedará a la derecha, sino a la izquierda

En realidad bastaría con poner:

#contenedor{ width:950px;}
#derecha2{ float:right; width: 475px;}
#izquierda{width: 475px;}

Mikel.

komodo · 11-may-2008, 04:21

Cierto Mikmoro, me confundí al escribir el código, suerte que estas tu ahi para corregir!

Un saludo!

marcvilap · 11-may-2008, 11:31

Aqui dejo el codigo CSS a ver si veis algo raro porque yo noooooo, jaja

BODY {

font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: auto;
borer-color : #666666;
}

#contenedor{
text-align: left;
width: 749px;
background-color : ##F2F2F2;
margin-left:100px;

}

#derecha2{
background : ##F2F2F2 url(images/fondo.gif) repeat;
width:200px;
margin-right: 175px;
margin-top: 0px;
float:right;
border:1px;
}

#izquierda{

width:349px;
margin-left: 35px;
margin-top:0px;
padding: 12px 0px 10px 0px;
float:left;
border:1px;

}

Grácias por todo

Mikmoro · 11-may-2008, 11:39

Pues tienes varios errores:

borer-color : #666666; por border-color : #666666;

text-align: auto; juraría que no existe.

background-color : ##F2F2F2; por background-color : #F2F2F2;

Cuando hagas un código css, mira lo primero que te dice el validador de css

Eso evita errores de escritura.

Mikel.

marcvilap · 12-may-2008, 05:11

Ya encontre la respuesta, es muy sencilla pero a lo mejor si alguien se encuentra en la misma situación le puede servir de ayuda.

Lo que pasó es que puse un contenedor demasiado estrecho y las dos partes no cabían, por lo que me ponia una de las dos partes debajo de la otra.

Que vaya bien

10-may-2008, 05:29	#1 (permalink)
marcvilap Fecha de Ingreso: mayo-2008 Mensajes: 84	pequeño problema con div Tengo un pequeño problema, seguro que es una cosa senzilla pero llebo 2 horas con esto y no logro correguir el error. Quiero dividir una pagina en dos columnas, pero a la que pongo los dos divs el navegador me interpreta que uno está debajo del otro no se si será questión de cerrar los divs o que, pongo el codigo. <body> <div id="contenedor"> <div id="derecha2"> <form method="post" name="form1" action="<?php echo $editFormAction; ?>"> AQUI HAY UN FORMULARIO </form> </div> <div id="izquierda">AQUÍ IRIA LA PARTE DE LA IZQUIERDA<br><br><br></div> </div> </body> Gracias por todo

10-may-2008, 09:01	#2 (permalink)
komodo Fecha de Ingreso: noviembre-2006 Mensajes: 418	Re: pequeño problema con div Podrias mostrar tu codigo css? Los div estan bien.. Yo lo haria de la siguiente manera: Cita: #contenedor{ width:950px;} #derecha2{ float:left; width: 475px;} #izquierda{float:left; width: 475px; clear:both;} Asi sin mas información es lo que te puedo ayudar. Un saludo!

10-may-2008, 15:42	#3 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.355	Re: pequeño problema con div Supongo que te has confundido al escribir el código. Si pones: #contenedor{ width:950px;} #derecha2{ float:left; width: 475px;} #izquierda{float:left; width: 475px; clear:both;} el contenedor derecha2 no quedará a la derecha, sino a la izquierda En realidad bastaría con poner: #contenedor{ width:950px;} #derecha2{ float:right; width: 475px;} #izquierda{width: 475px;} Mikel.

11-may-2008, 04:21	#4 (permalink)
komodo Fecha de Ingreso: noviembre-2006 Mensajes: 418	Re: pequeño problema con div Cierto Mikmoro, me confundí al escribir el código, suerte que estas tu ahi para corregir! Un saludo!

11-may-2008, 11:31	#5 (permalink)
marcvilap Fecha de Ingreso: mayo-2008 Mensajes: 84	Re: pequeño problema con div Aqui dejo el codigo CSS a ver si veis algo raro porque yo noooooo, jaja BODY { font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; color : #666666; margin : 20px 0px 20px 0px; text-align: auto; borer-color : #666666; } #contenedor{ text-align: left; width: 749px; background-color : ##F2F2F2; margin-left:100px; } #derecha2{ background : ##F2F2F2 url(images/fondo.gif) repeat; width:200px; margin-right: 175px; margin-top: 0px; float:right; border:1px; } #izquierda{ width:349px; margin-left: 35px; margin-top:0px; padding: 12px 0px 10px 0px; float:left; border:1px; } Grácias por todo

11-may-2008, 11:39	#6 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.355	Re: pequeño problema con div Pues tienes varios errores: borer-color : #666666; por border-color : #666666; text-align: auto; juraría que no existe. background-color : ##F2F2F2; por background-color : #F2F2F2; Cuando hagas un código css, mira lo primero que te dice el validador de css Eso evita errores de escritura. Mikel.

12-may-2008, 05:11	#7 (permalink)
marcvilap Fecha de Ingreso: mayo-2008 Mensajes: 84	Re: pequeño problema con div Ya encontre la respuesta, es muy sencilla pero a lo mejor si alguien se encuentra en la misma situación le puede servir de ayuda. Lo que pasó es que puse un contenedor demasiado estrecho y las dos partes no cabían, por lo que me ponia una de las dos partes debajo de la otra. Que vaya bien

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