Foros del Web » Creando para Internet » CSS »

pequeño problema con div

Estas en el tema de pequeño problema con div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/05/2008, 06:29
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 9 años, 7 meses
Puntos: 1
Busqueda 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
  #2 (permalink)  
Antiguo 10/05/2008, 10:01
 
Fecha de Ingreso: noviembre-2006
Mensajes: 437
Antigüedad: 11 años, 1 mes
Puntos: 3
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!
  #3 (permalink)  
Antiguo 10/05/2008, 16:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
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.
  #4 (permalink)  
Antiguo 11/05/2008, 05:21
 
Fecha de Ingreso: noviembre-2006
Mensajes: 437
Antigüedad: 11 años, 1 mes
Puntos: 3
Re: pequeño problema con div

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

Un saludo!
  #5 (permalink)  
Antiguo 11/05/2008, 12:31
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 9 años, 7 meses
Puntos: 1
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
  #6 (permalink)  
Antiguo 11/05/2008, 12:39
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
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.
  #7 (permalink)  
Antiguo 12/05/2008, 06:11
 
Fecha de Ingreso: mayo-2008
Ubicación: Barcelona
Mensajes: 249
Antigüedad: 9 años, 7 meses
Puntos: 1
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




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