Hola a todos. Me gustaría saber cómo puedo centrar el contenido de mi página. a mi meaparece todo desplazado a la izquierda y me sale un márgen muy grande por la derecha.
No se si es posible.
Os dejo mi página a ver si me podeis ayudar.
http://ppfutbolsala.onlinewebshop.net/Gracias de antemano.
Pues tienes que ponerle al div global en la hoja de estilos:
text-align: center
Saludos, Juanma :wink:
así no me va, se me desplazan unas cosas y otras no.
os dejo la hoja de estilos para que le echeis un vistazo:
body {background-color:white}
* {margin ; padding:0px ; border: 0px}
#global {background-image: url(objetos/fondobody.jg);background-repeat: x; margin: 10px auto }
#curva-superior{margin:0px 0px 0px 0px;overflow:hidden;width:800px ; margin: 10px 0px 0px 0px}
#curva-inferior{overflow:hidden;width:800px ; margin: 0 px auto}
#curva-superior1{margin:0px 0px 0px 0px;overflow:hidden;width:250px ; margin: 10px 0px 0px 0px}
#curva-inferior1{overflow:hidden;width:250px ; margin: 0 px auto}
#cabecera {text-align:center;height:50pt;background-image: url(objetos/fondobody.jpg);background-repeat: x;border-right:black 1px solid;border-left:black 1px solid ;float:left;width:800;margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px }
#cabecera1 {text-align:center;float:left;width:100;margin: 10px 10px 0px 10px;background-color:white;padding:0px 0px 0px 0px }
#cabecera2{text-align:center;margin: 10px 20px 10px 10px ;float :left;width:240;height:70;padding:10px 0px 0px 0px;font-size:30pt;line-height:100%;font-family:Verdana;color:black;text-align:center}
#cabecera3{text-align:center;float :rigth;width:330;margin: 20px 10px 20px 10px;background-color:;padding:0px 0px 0px 0px }
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {text-align:center;background-color: pink ; width:800px ; float:right }
#navegacion {border-left:1px solid black;border-right:1px solid black;text-align:justify;font-family:arial;color:white;width:800;float:;height:12;margin:0px 0px 0px 0px }
#imagen{float:left;padding:0px 4px 0px 4px}
#contenido {background-image: url(objetos/fondobody.jpg);background-repeat: x; margin: 10px auto;text-align:justify;border-right: black 1px solid;border-left: black 1px solid;width:800;height:600;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;background-color;font-family:arial;color:white;font-size:11 ; float:left}
#contenido1 {text-align:justify;border-top:black 1px solid;border-bottom:1px black solid;border-right: black 1px solid;border-left: black 1px solid;width:415;height:580;margin:5px 10px 5px 5px;padding: 2px 2px 2px 2px;background-color:white;font-family:arial;color:white;font-size:11 ; float:left}
#lateral {border-top: black 1px solid;border-bottom:black 1px solid;border-right: black 1px solid;border-left: black 1px solid;width:200;margin:5px 10px 5px 5px;padding: 1px 0px 1px 0px;background-color:white;font-size:10;font-family:arial;color:white;float:rigth;height:400}
#lateral1 {width:120;margin:10px 0px 5px 0px;padding: 0px 0px 0px 0px;float:left}
#navegacion li {padding:5px 5px 5px 5px;margin: 1px 5px 1px 5px;text-align:center;width:250;border-top: black 1px solid;border-bottom: black 1px solid;border-right: black 1px solid;border-left: black 1px solid;list-style:none;float:right; height:12px;background-color:lightblue}
#menu {margin:5px 5px 10px 5px;font-family:arial;color:red; width: 120px ; float:left;font-size:15;background-color:blac;padding:0px auto}
#menu li {float:right;text-align:center; border-top: black 1px solid;border-bottom: black 1px solid;border-right: black 1px solid;border-left:black 1px solid; padding:0px 10px 0px 0px;list-style:none;margin: 0px 5px 10px 0px;color:red;width:120;background-color:lightblue;height:20}
#pie{margin:0px auto;border-left:1px solid black;border-right:1px solid black;heigth:100;margin: 0px 0px 0px px ;background-image: url(objetos/fondobody.jpg);background-color:blac;width:800;float:left}
#publicidad {text-align:center;border-left:1px solid black;border-right:1px solid black;margin: 0px 0px 0px 0px;width:800;float:left}
#raya {width:800;margin:10px 0px 10px 0px}
#pieuno{background-image: url(objetos/fondobody.jpg);background-repeat: ;border-right:0px solid black;border-left:1px solid black;color:black;margin: 0px 0px 0px 0px;float :left;width:266;;height:8;padding:px auto;font-family:arial;text-align:center;font-size:10}
#piedos{background-image: url(objetos/fondobody.jpg);background-repeat:;border-right:0px solid black;border-left:1px solid black ;color:black;margin:0px 0px 0px 0px;float :left;width:266;background-color:;height:8;padding:px auto;font-family:arial;text-align:center;font-size:10}
#pietres{background-image: url(objetos/fondobody.jpg);background-repeat: ;border-left:1px solid black;border-right:1px solid right;color:black;margin:0px 00px 0px 0px;float :left;width:268.5;background-color:red;height:8;padding:px auto;font-family:arial;text-align:center;font-size:10}
a {color:gray ; font-size:12;font-family:arial; text-decoration: none;text-align:justify}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:none;background-color: silver}
a:active{}
p{text-align:center;font-size:10;font-family:arial;color :white}
p {text-align: justify;font-size:30pt;font-family:French Script MT;color:black;text-align:center;color :black}
p5{text-align: justify;font-size:10pt;font-family:French Script MT;color:black;text-align:center;color :black}
p1 {text-align: justify;font-size:18;font-family:arial;color :white}
p2{text-align: justify;font-size:14;font-family:arial}
p3 {text-align: justify;font-size:18;font-family:arial;color:white}
p4{text-align: justify;font-size:14;color:white;font-family:arial}
h1 {font-size: 18; color:blue ; font-family: rockwell ; text-decoration: underline ; text-align: center;padding:0px}
h2 {font-size:14; color:black ; font-family: bold ; text-decoration: none ; text-align: justify;margin: 0px 2px 2px 0px}
h3 {margin:0px 3px 0px 3px;font-size:10; color:black ; font-family: bold ; text-decoration: none ; text-align:justify}
h4 {margin:8px 0px 0px 0px;font-size:18; color:black ; font-family: bold ; text-decoration: none ; text-align:center}
h5 {margin:8px 0px 10px 0px;font-size:12; color:black ; font-family: arial-black ; text-decoration: none ; text-align:justify;padding:0px 5px 0px 5px}
h6 {margin:2px 0px 2px 0px;font-size:10; color:black ; font-family: arial; text-decoration: none ; text-align:justify;padding:0px 5px 0px 5px}
h7 {margin:2px 5px 2px 0px;font-size:10; color:black ; font-family: arial; text-decoration: none ; text-align:left;padding:0px 5px 0px 5px}
td{width:20;heigth:20;font-family:verdana;font-size:15;color:black}
#tabla {margin:0px 0px 0px 0px;text-decoration: none ; text-align:justify;float:left;width:600;color:red}
#pie p {width:300;margin: 0px 200px 2px 250px;text-align:center;color:silver;font-family:arial;font-size:14;background-color:black;float:center}
#firma {border-left:0px solid black;border-right:0px solid black;margin: 10px 10px 10px 10px;width:400;float:left;font-size:10;font-family:verdana;color:darkblue;background-color:}
Con estos:
float: center
background-position: center
position: center
Haz la prueba :wink:
Gracias Torex.
Respecto al centrado no me va con esos comandos.
si le pongo Float Left o Right si que obecede pero el Center parece que no le hace caso.
o puedes probara dando margen a la derecha...
¿Tienes una div que encierren toda tu web ademas de body?
prueba con estos comandos
Margin: ?px ?px ?px ?px
margin-rigth: ?px
margin-left: ?px
padding-lef: ?px
padding rigth: ?px
donde va el ? es el numero (creo que ya lo sabias xD)
Tengo una div que se llama global que teoricamete encierra todo el contenido, pero debo tener algun error en el index por que al aplicarle text-align:center me centra solo hasta la linea inferior del caudro mayor. El resto lo deja a la izquierda.
Ahora le he puesto un padding a esta div y creo que ya se ve bien.
gracias por la ayuda.
Hola
aunque el paddingo te servirá solo para ciertas resoluciones no?????
mejor danos la url de tu página y vemos porque no te funciona el centrar la página
otra cosa que puedes hacer es ponerle al body
text-align:center
de esa forma te centrará todo lo que hay
saludos
es verdad align="center"
eso es para centrar lo que quieras
osea eso se pone dentro del comande de lo que quieras centrar :lol:
os dejo la url de mi pagina para que me mireis lo de centrar y porque se ve mal con el firefox
