pequeño problema con div

marcvilap · #1 (**permalink**) 10/05/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 · #2 (**permalink**) 10/05/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 · #3 (**permalink**) 10/05/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 · #4 (**permalink**) 11/05/2008, 04:21

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

Un saludo!

marcvilap · #5 (**permalink**) 11/05/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 · #6 (**permalink**) 11/05/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 · #7 (**permalink**) 12/05/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