Foros del Web » Creando para Internet » CSS »

Ayuda con los divs -.-

Estas en el tema de Ayuda con los divs -.- en el foro de CSS en Foros del Web. Bueno, hoy me decidi maquetar mis webs con divs... toda mi vida lo hise con tablas... gran error jajaja. Pero bue estoy intentando inciarme en ...
  #1 (permalink)  
Antiguo 07/02/2010, 23:16
 
Fecha de Ingreso: diciembre-2009
Ubicación: Argentina - Mendoza
Mensajes: 7
Antigüedad: 8 años
Puntos: 0
Ayuda con los divs -.-

Bueno, hoy me decidi maquetar mis webs con divs... toda mi vida lo hise con tablas... gran error jajaja. Pero bue estoy intentando inciarme en esto :D.

Ahora mi problema es el siguiente:

No puedo posicionar 2 divs en una misma linea. ¿Que estoy haciendo mal? o ¿Que le falta a mi CSS?

Me ayudan?


Codigo html
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sin tablas</title>

<link href="estilos.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
<div  align="center" id="web">
  <div id="cabezera"><img src="imag/header.png" width="850" height="300" /></div>
  <div id="submenu"><img src="imag/menu.png" width="850" height="30" /></div>  
    <div id="cuerpo">
    <div align="left" id="isquierda">
	isquierda
	</div>
	<div  align="right" id="derecha">
	derecha
	</div> 
  </div>
</div>

</body>
</html>
Codigo CSS
Código:
body {
	background:#fff;
	margin:0
	
	
}

#web {
azimuth:center
}
#cabezera {width: 850px;
margin: 0px auto;
}

#cuerpo {witch: 850px;

#isquierda {width: 250px;
float:left;
} 



#derecha {width: 600px;
float:right;
}







Y ya que estamos esta es la web con tablas:
http://s2.subirimagenes.com/imagen/4027289web.png



Las fuentes que use para iniciarme en esto fueron la que posteo Mikmoro

Tutorial 1: http://www.forosdelweb.com/f53/aporte-pequena-guia-migracion-xhtml-css-648073
Tutorial 2: http://www.forosdelweb.com/f53/aporte-guia-migracion-xhtml-css-parte-ii-657814
  #2 (permalink)  
Antiguo 08/02/2010, 00:06
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Ayuda con los divs -.-

Creo que no estás cerrando una llave en "cuerpo". Aguas, estas y los punto y coma son de lo más importante, detalles como estos harán que todo tu CSS se descuadre por completo.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 08/02/2010, 03:48
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Ayuda con los divs -.-

como ya te dijeron, siempre es muy importante cerrar las etiquetas del css con ;} por otra parte el atributo align es para las tablas según tengo entendido y a las imágenes siempre colócales el atributo alt o tu código no validara
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #4 (permalink)  
Antiguo 08/02/2010, 13:34
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Ayuda con los divs -.-

No es requerido terminar con ;}, aunque conviene por que luego al agregar nuevos atributos, a veces uno se olvida de poner un nuevo ;.

El atributo align está en el olvido!!

Y por cierto, ¿Para qué es esta línea? "azimuth:center"

Creo que lo que tu necesitabas es esto:

Código:
#web {width: 850px;
margin:0 auto
}
Tiene bastantes errores el código, eso podría explicar por que no actúa como debería :S
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 08/02/2010, 14:25
Avatar de FaustinoAsprilla  
Fecha de Ingreso: febrero-2010
Ubicación: Medellín
Mensajes: 13
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Ayuda con los divs -.-

Hola, para centrar los divs en css simplemente debes darles márgenes automáticas a la izquierda y derecha:

#web
{
margin-left: auto;
margint-right: auto;
}

*Esto no funciona en IE6 y debes agregar text-align: center;

El width te recomiendo que lo uses solo en el div superior, por ejemplo en web... y en los que estén debajo lo señales en porcentajes (width: 100%;).

Agregale un clear: both; al id del encabezado.

Acuerdate de cerrar siempre las llaves y los puntoycoma!

Saludos
  #6 (permalink)  
Antiguo 08/02/2010, 22:06
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Ayuda con los divs -.-

Cita:
Iniciado por FaustinoAsprilla Ver Mensaje
*Esto no funciona en IE6 y debes agregar text-align: center;
¡Por supuesto que si funciona!

Solo hay que tener el DOCTYPE adecuado, y en el caso de esta página, si lo tiene.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #7 (permalink)  
Antiguo 09/02/2010, 07:56
Avatar de FaustinoAsprilla  
Fecha de Ingreso: febrero-2010
Ubicación: Medellín
Mensajes: 13
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Ayuda con los divs -.-

Cita:
Iniciado por daPhyre Ver Mensaje
¡Por supuesto que si funciona!

Solo hay que tener el DOCTYPE adecuado, y en el caso de esta página, si lo tiene.
Vale la corrección

http://www.w3schools.com/tags/tag_DOCTYPE.asp

Etiquetas: Ninguno
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 22:12.