hola 3 ayudas porfavor

http://www.narutolatino.260mb.com/plantilla.html mi pagina web lo malos es esto es el pies se descuadra todo como si no ubiera pie dos pero si lo hay

en el centro deonde ban lo de bienvenido y eso las letras quedan muy pegada al marge pero cuando la separo se separa las leras y la imagen de fondo de donde ba el h1

cuando visualiso mi pagina con la resolusion e la pantalla mas grande se be mi pagina con un pedaso sin nada y esta pegada ala izquierda quiero situar "toda mi pagina " al centro para que cuando entre con una resolusion mayor ala de 800 se bea en el centro como el foro mira http://narutolatinoforo.superforo.net pero eso si tienen que entrar ala web con una resolucion mayor a 800 por que sino no ven este desperfeto

estilo css:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify ; color: Gray ; }
h1 {font-size: 1.2em; color:#FFA500 ; 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}
body {background-image:url(objetos/fondo.jpg) }
#global {width:900px ; margin:4px auto }
#curva-superior { background-image: url(bjetos/curva-superior.gif) ; #FFA500
background-repeat: no-repeat ;
width: 800px ;
height:0px ;
overflow: hidden }
#cabecera {background-color:none ; border-left: black 1px solid ;
border-right: black 1px solid ; height:151px}
#logotipo {width:280px ; float:center ; margin: 0px 10px 5px 50px ; background-color:}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: ; border: none ; height:20px ; background-image: url(objetos/hn.jpg) ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px ;}
#navegacion ul { margin-left: 180px }
#contenido {background-color: none ; border-left: black 1px solid ;
border-right: black 1px solid ; }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px ; }
#menu {background-color:#292929 ; width: 150px ; float:left ;
text-align:left ; margin: 5px 0px 0px 0px ;
background-image: url(objetos/);
background-position: bottom ;
padding-bottom:5px ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:15px ; padding-bottom:6px ; border-bottom:orange 1px solid ;
background-image: url(objetos/h1.jpg) }
#entretenimento{background-color:#292929 ; width: 150px ; float:left ;
text-align:left ; margin: 5px 0px 0px 0px ;
background-image: url(objetos/);
background-position: bottom ;
padding-bottom:5px ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#entretenimento li {list-style:none ; margin: 4px 8px 4px 6px }
#entretenimento h1 {text-decoration:none ; font-size:15px ; padding-bottom:6px ; border-bottom:orange 1px solid ;
background-image: url(objetos/h1.jpg) }
#anime {background-color:#292929 ; width: 150px ; float:left ;
text-align:left ; margin: 5px 0px 0px 0px ;
background-image: url(objetos/);
background-position: bottom ;
padding-bottom:5px ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid}
#anime li {list-style:none ; margin: 4px 8px 4px 6px }
#anime h1 {text-decoration:none ; font-size:15px ; padding-bottom:6px ; border-bottom:orange 1px solid ;
background-image: url(objetos/h1.jpg) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px}
#pie li {list-style:none ; font-size: 10px }
#pieuno { float:left ; width:150px }
#piedos {background-color: none ; float:left ; width:498px ; text-align: center }
#pietres { float:left ; width:150px }
#curva-inferior { background-image: url(bjetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:0px ;
overflow: hidden }
a {color:#9C9C9C ; text-decoration:none ; display: block ; }
a:link {}
a:visited {}
a:hover {color:#FFA500 ; text-decoration:underline ; background-color: ilver}
a:active {}
#pie a {color: black; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: none }
#logotipo a:active {}
#menu-1 {background-color:; width: 150px ; float:left ;
text-align:left ; margin: 0px 10px 0px 0px ;
background-image: ;
background-position: ;
padding-bottom:5px }
#central {background-color:#292929 ; width: 502px ; float:center ;
text-align:left ; margin: 6px 10px 10px 10px ;
background-image: ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;
background-position: bottom ;
padding-bottom:10px ; padding-right:0px ; padding-left:0px}
#central li {list-style:none ; margin: 4px 8px 4px 6px }
#central h1 {text-decoration:none ; padding-bottom:5px ; background-position: center ;
background-image: url(objetos/hn.jpg) ; border-bottom:orange 1px solid ; padding-right:5px ; padding-left:5px}
#menu-2 {background-color:#292929; width: 220px ; float:right ;
text-align:left ; margin: 6px 0px 0px 10px ;
background-image: url(objetos/);background-position: bottom ;
padding-bottom:5px ; padding-top:10px ; border-left:orange 1px solid ; border-top:orange 1px solid ; border-bottom:orange 1px solid ; border-right:orange 1px solid ;}
#menu-2 h1 {text-decoration:none ; font-size:15px ; padding-bottom:6px ;
background-image: url(objetos/.jpg) }
#reproductor {background-color:none; width: 150px ; float:right ;
text-align:left ; margin: 3px 5px 10px 0px ;
background-image: ;
background-position: ;
padding-bottom:px }
#reloj {background-color:; width: px ; float:right ;
text-align:left ; margin: 3px 8px 3px 3px ;
background-image: ;
background-position: ;
padding-bottom:5px }
#contador {background-color:; width: px ; float: ;
text-align:left ; margin: 3px 0px 0px 0px ;
background-image: ;
background-position: ;
padding-bottom:5px }
#chat {background-color:white ; width: 400px ; float:center ;
text-align:left ; margin: 5px 0px 0px 20px ;
background-image: ;
background-position: center ;
padding-bottom:5px ; }



espero su ayuda :)
Hola

en el futuro te agradeceriamos una pregunta por tema :wink:

pare centrar tu página agregale

text-align:center

a body, en el css

Ahora vamos con los fallos

No se debe meter la etiqueta

dentro de
  • como aqui, y es mucho mejor que la etiqueta font esté en la hoja de estilos


  • <p align="center" style="text-align: center">



  • <p align="center" style="text-align: right"><font face="Ninja Naruto">Directorio-</font>

  • <p align="center" style="text-align: right"><font face="Ninja Naruto">TopSite-</font>

  • <p align="center" style="text-align: right"><font face="Ninja Naruto">Mapa de la Web-</font>


    Aqui abriste un li de mas, y te falta cerrar el ul

    [contenido no disponible]Magas

  • </div>

    Exactamente lo mismo aqui

    [contenido no disponible]Yuyu Hakusho

  • </div>


    En el css dices esto:

    #cabecera {background-color:none ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:151px}
    y en html esto:

    <div id="cabecera">
    <div id="logotipo"><a href="index.html">[contenido no disponible]</div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </div>
    </div>

    Para que puedas ver donde está el pie2 agregale un poco de texto
    asi te será mas facil ubicarlo

    YY.. por ultimo agregale maas texto a la capa central, para que puedan bajar esos pies,
    Despues de haberle agregado el text-align:center al body del css

    ya no será necesario tantas etiquetas de lo mismo, ya que tooodo por defecto en tu web será centrado ok??

    saludos