Ayuda centrando theme

[P3n3]

Hola, he modificado el archivo body.png para hacerlo compatible con resoluciones 1024 (para que no salga el scrollbar inferior). Lo he hecho algo más pequeño pero ahora sale movido, y estoy intentando centrarlo. Este es el css:

body {font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;background: #20242F url(images/background.png) repeat-x;color: #333;text-align: center;margin: 0;padding: 0;}#page {width: 1151px;margin: auto;text-align: left;}#header {width: 1124px;background: url(images/header.png) no-repeat 0 0;height: 189px;margin: 0 0 0 0;}#header h1 {font-family: Verdana, Arial, Sans-Serif;font-size: 28px;font-weight: bold;margin: 0;padding: 50px 20px 0 280px;text-align: center;}#header h1 a {color: #FFF;}#header div {font-family: Verdana, Arial, Sans-Serif;font-size: 14px;font-weight: bold;margin: 0;padding: 10px 20px 0 280px;text-align: center;color: #F70084;}#body {width: 900px;background: url(images/body.png) repeat-y 0 0;margin: 0 0 0 0;padding: 30px 0 0 150px;}#body .content {width: 100%;float: left;color: #CCC;font-size: 12px;line-height: 1.5em;}#body .content a {font-weight: bold;color: #67B;}#body .content a:hover {text-decoration: none;color: #89D;}#body .post {margin: 0 0 75px 0;}#body .post h2,#body .post h3 {font-size: 18px;background: url(images/headline_background.png) no-repeat top left;margin: 10px 0 0 0;padding: 8px 0 15px 0;}h2.pagetitle {color: #8c0d2d;font-size: 18px;}#body .post small {font-size: 10px;color: #999;}#body .postmetadata {font-size: 11px;color: #999;}#body .postmetadata.alt {padding: 10px;background: #212121 url(images/metadataalt_background.png) no-repeat left bottom;color: #BBB;margin-top: 40px;}#author,#email,#url {width: 200px;border: 1px solid #999;background: #333;color: #CCC;}#s {border: 1px solid #999;background: #333;color: #CCC;}#comment {width: 450px;border: 1px solid #999;background: #333;color: #CCC;}div.navigation {width: 500px;margin-bottom: 30px;text-align: center;}div.navigation div {width: 50%;display: inline;}div.navigation .alignleft {margin-right: 5px;} div.navigation .alignright {margin-left: 5px;}.post {clear: both;}.hide {display: none;}h3#comments,h3#respond {color: #8c0d2d;}#body .sidebar {width: 180px;float: left;margin-left: 18px;color: #666;}#body .sidebar form {margin: 0;}#body .sidebar h2 {font-size: 15px;font-weight: bold;margin: 5px 0 0 0;padding: 4px;color: #8C0D2D;background: #111;}#body .sidebar ul,#body .sidebar ul ol {margin: 0;padding:0;list-style: none;}#body .sidebar ul ul,#body .sidebar ul ol {padding: 8px 8px 20px 8px;}#body .sidebar ul li {margin-bottom: 8px;}#body .sidebar ul ul li:before {content: "\00BB \0020";}#body .sidebar a {font-weight: bold;color: #67B;}#body .sidebar a:hover {text-decoration: none;color: #89D;}#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}#wp-calendar td#today {border: 1px solid #8C0D2D;}#wp-calendar #next a {padding-right: 10px;text-align: right;}#wp-calendar #prev a {padding-left: 10px;text-align: left;}#wp-calendar a {display: block;}#wp-calendar caption {text-align: center;width: 168px;font-size: 12px;padding: 8px 0 2px 0;border-bottom: 1px solid #333;margin: 0 6px;}#wp-calendar td {padding: 3px 0;text-align: center;}#searchform {text-align: center;padding-bottom: 20px;padding-top: 5px;}#footer {text-align: center;padding: 20px 0 30px; 0;background: url(images/footer_border.png) no-repeat 96px 0;margin: 0;color: #444;}#footer a {color: #666;}img.alignleft{float:left;padding:5px}img.ali gncenter{text-align:center;padding:5px}img.alignright{float:righ t;padding:5px}

Sé que es un desmierde, pero venia así con el theme :(

[fernandosg]

¿Quieres centrar una div o como?
SI puedes, pon un screenshot para ver que es lo que quieres centrar.

Saludos

[alexk]

Código CSS:

#body {width: 900px;background: url(images/body.png) repeat-y 0 0;margin: 0 auto;padding: 30px 0 0 150px;}
 

[P3n3]

Gracias a ambos por contestar. Alexk, he probado y sigue saliendo igual :\



Como veis, quiero centrar el body.png que sale movido varios cm a la izquierda.

[alexk]

ahhh yo pense el div...

Código CSS:

#body {width: 900px;background: url(images/body.png) repeat-y center 0;margin: 0 auto;padding: 30px 0 0 150px;}
 

[P3n3]

Buah por fin! Muchisima gracias!
Aunque ahora ha surgido otra complicación xD EL header y el texto que escribo en las entradas no está centrado respecto al body :\

Edit: Ya he arreglado el hader, resulta que el header reducido lo subí con una mayúscula delante (Header.png) y me he dado cuenta de que salia el viejo xD. Ahora lo he puesto con minuscula y ya está alineado. De momento lo único que sigo sin saber arreglar es el contenido que no se centra bien :S Y también me he fijado que con resoluciones de 1024 se vé la web hasta la linea roja y deberia verse solo hasta la blanca para que no aparezca el scrollbar inferior :S Evidentemente también deberá expandirse para resoluciones superiores. ¿Alguna idea? Gracias de nuevo.

[P3n3]

Nadie sabe como arreglarlo? Llevo 2 días probando, pero no entiendo el funcionamiento de los margenes :( Y necesito solucionarlo cuanto antes. Help me!

[alexk]

pues no me entero de mucho vamos... mejor pon la url del problema que para ver el css en una linea es un pelin complicado y mucho mas adivinar tu HTML que no colocas...
si explicas mas el problema y el codigo implicado o mejor aun la URL del problema mucho mejor...

[P3n3]

Te he agregado al msn, así nos será más sencillo y rápido :P

[Impostor]

Iniciado por P3n3

Te he agregado al msn, así nos será más sencillo y rápido :P

Y no aportaras nada a la comunidad de foros del web.

[alexk]

P3n3 pues perdona pero MP, msn pues no me parece correcto, pon la info aqui y si la entiendo talvez te ayude.... no quiero ser pesao, pero nadie tiene la obligacion de ayudarte,
y cuanto mas informacion nos des mas posibilidades hay que se resuelvan los problemas, usa el buscador que seguro tu problema ya se ah tratado muchas veces chao

[P3n3]

Iniciado por Impostor

Y no aportaras nada a la comunidad de foros del web.

Ok, perdón, era por no cansinear xD

La web es http://emo.faperos.com/

Hmm, pues basicamente lo que quiero intentar solucionar es:

-Los posts no tienen fin xD
-Y en PC's con resoluciones a 1024 resulta que en el monitor se ve hasta la zona de las marcas rojas, cuando deberia verse solo hasta las blancas (para que así no aparezca el scrollbar inferior)

La captura la puse ya en el otro post, pero igual no se ve. Si no la veis la url es esta: http://img251.imageshack.us/img251/3633/capturagl.jpg

Espero haberme explicado bien, si teneis dudas decidlo.
Saludos y perdonad el incordio :$

[gvmedia]

Si deseas centralizar un div u otro div dentro de este solo debes poner los los margenes de derecha e izquierda en auto, y esto hará que todo quede en el centro.

ej. #midiv {
width: 1034px;
height: 45px;
margin-right: auto;
margin-left: auto;


}

[P3n3]

hmm, he probado con eso pero se dejaba de ver el fondo bien. Supongo que puse algo mal. Estoy probando el Rapid CSS 2010, está bastante bien porque tiene entorno visual para previsualizar los cambios, lo recomiendo por si alguien tiene problemas con algun CSS. Si no lo consigo con el programa este volveré a preguntaros para ir editandolo a mano.