Duda con mi web, divs

Bueno respondo por segunda vez en este foro y bueno haber si me aclaran la duda [:D] bien estoy teniendo problemas con los divs de mi web y es que uno si se me alinea a la izquierda pero el otro se me queda abajo y no sube nunca de ninguna manera, también quisiera de que pueda reducir el tamaño de mi divs izquierdo porque es mucha la anchura que tiene pero si la reduzco pues se me queda en el lado izquierdo sin pegarse al divs del centro.

Bueno aquí os dejo mi código para que lo analiceis:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<meta name="keywords" lang="es" content="Metas" />
<meta name="description" lang="es" content="Página web de mw2" />
<meta name="Author" content="Daxter9000" />
<head>
<title>Inicio</title>
</head>
<style>
.div {-moz-border-radius: 10px;border-radius: 10px;}
.div1 {background:#FFFFFF; margin-left:auto; margin-right:auto; width:800px; height:200px; padding:4px; border: 1px solid #000000; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;border-radius:10px;}
.div2 {background:#FFFFFF; margin-left:auto; margin-right:auto; width:800px; height:800px; padding:4px; border: 1px solid #000000; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;border-radius:10px;clear:center;}
.div3 {background:#FFFFFF; margin-left:auto; margin-right:auto; width:260px; height:807px; padding:0px; border: 1px solid #000000; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; float:left;}
.div4 {background:#FFFFFF; margin-left:auto; margin-right:auto; width:200px; height:800px; padding:0px; border: 1px solid #000000; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; clear:right;}
</style>
<body>
<div class="div1"><p>El borde de esta capa se verá redondeadosi usas un navegador basado en Mozilla o KHTML.</p></div>
<div class="div3"><p>El</p></div>
<div class="div2"><p>El borde de esta capa se verá redondeadosi usas un navegador basado en Mozilla o KHTML.</p></div>
<div class="div4"><p>El</p></div>
</body>
</html>
No entiendo lo que preguntas sorry :S . Tienes la web subida para poder ver que es lo que quieres? :)
hola
mmmm trato de entender tus codigos....
segun yo, deseas que..... div1 esté arriba
abajo de izquierda a derecha
div3, div2, div4


cuanto debe medir tu web de ancho????

te sugiero hacer el curso paso a paso, para que te enteres bien como va eso de los ordenes de los divs

http://www.comocreartuweb.com/ejemplo-con-divs.html

saludos
bien si exactamente es eso lo que quiero, bueno mi web debe medir unos 1000px de anchura y de altura variable ya que depende de las noticias... pero si es como usted dice div1 arriba la portada div3 el menu div2 el lugar para las noticias y div4 pues las ultimas noticias, calendario...

lo que quiero es que los divs 3,2,4 estén plegados
entonces deberias meter un div global
que mida de ancho lo que desees mida tu web y centrarlo
dentro de el
meter tus divs, respetando el ancho de global, para qe todo quede en orden
de lo contrario sufriràs mucho mas

por eso te recomendè leer el curso paso a pso

saludos
ok eso si se hacerlo jejeje lo que pasa que aveces me quedo trabado un poco y pregunto sino lo llego a resolver, voy a probarlo en caso de que funcione o no te aviso ;)