To´ desorganizao

Bueno pues mejor que lo veais vosotros mismos...
http://teodolito.estoyenred.es/

Se ve todo desorganizado, haber si alguien me puede ayudar con esto.


Este es el css:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center; float:center }
#global {width:800px ; margin:0px; float:center; width: 1000px}
#cabecera {background-color: silver; float:center; width: 1000px}
#navegacion {background-color: silver; float:center; width: 1000px}
#contenido {background-color: silver; float:center; width: 1000px}
#contenido p {margin: 10px 0x 0px 0px ; text-indent: 15px}
#menu {background-color: gray ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: silver; float:center; width: 1000px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
# menu {................... margin: 10px 10px 10px 10px}
#menu {................... margin: 3px 10px 3px 3px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}




Es parecido (o igual) al de la lecciones, pero es que no me manejo ahora mismo mucho y tengo muchas ganas de aprender, haber si pronto ponen otra lección.

Un saludo y gracias

El div global no lo estás utilizando. Te iría muy bien ponerlo para que el contenido esté alineado. Es opcional pero yo te lo recomiendo.

<div id=global>

contenido cabeceras, navegacion, etc...

</div>


Al div CABECERA no hace falta que le pongas un FLOAT=CENTER. Yo se lo quitaría y le daría un ancho y un alto para no tener problemas. Suponiendo que le has puesto el div global, el ancho de cabecera yo le pondria un 100% sino, le pondría en un tamaño en píxeles 800px.

#cabecera {background-color: silver; text-align:left; height:120px; width:100%; margin:0;}

El margin es importante que se lo pongas a todos los divs, según mi experiencia, a veces he tenido resultados extraños por no ponerle el margin.

Con la capa navegación no sé muy bien lo que quieres hacer, ya que parece que formen parte del contenido y del menú, yo los incluiría dentro de estos.

<div id=global>

<div id=cabecera> imagenes </div>

<div id=menu> ir a google y menu</div>

<div id=contenido> Realizando el levantamiento y contenido</div>

<div id=pie>creado por :--</div>

</div>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align:center; }
#global {width:800px ; margin:0px; text-align:center; }
#cabecera {background-color: silver; text-align:left; height:120px; width:100%;}
#menu {background-color:gray; float:left; width:150px; text-align:left;}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#contenido {background-color: silver; float:left; width:640px; margin-left:10px; text-align:left;}
#contenido p {margin: 10px 0x 0px 0px ; text-indent: 15px}
#pie {background-color: silver }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

Por cierto, por que le pones un punto a la etiqueta

, no lo había visto eso nunca. :roll:


Si tienes dudas ya sabes.

Un saludo.