Foros del Web - pequeño problema con div

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - pequeño problema con div (http://www.forosdelweb.com/f53/pequeno-problema-con-div-584910/)

marcvilap

10/05/2008 05:29

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

komodo

10/05/2008 09:01

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!

Mikmoro

10/05/2008 15:42

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.

komodo

11/05/2008 04:21

Re: pequeño problema con div

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

Un saludo!

marcvilap

11/05/2008 11:31

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

Mikmoro

11/05/2008 11:39

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.

marcvilap

12/05/2008 05:11

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

La zona horaria es GMT -6. Ahora son las 05:08.