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