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>
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