Foros del Web » Creando para Internet » CSS »

Ayuda centrando theme

Estas en el tema de Ayuda centrando theme en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/02/2010, 09:01
 
Fecha de Ingreso: mayo-2008
Mensajes: 22
Antigüedad: 9 años, 6 meses
Puntos: 0
Ayuda centrando theme

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:

Cita:
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 :(
  #2 (permalink)  
Antiguo 28/02/2010, 12:05
 
Fecha de Ingreso: julio-2009
Mensajes: 55
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Ayuda centrando theme

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

Saludos
  #3 (permalink)  
Antiguo 28/02/2010, 13:06
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Ayuda centrando theme

Código CSS:
Ver original
  1. #body {width: 900px;background: url(images/body.png) repeat-y 0 0;margin: 0 auto;padding: 30px 0 0 150px;}
  #4 (permalink)  
Antiguo 28/02/2010, 21:27
 
Fecha de Ingreso: mayo-2008
Mensajes: 22
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Ayuda centrando theme

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.
  #5 (permalink)  
Antiguo 28/02/2010, 21:31
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Ayuda centrando theme

ahhh yo pense el div...

Código CSS:
Ver original
  1. #body {width: 900px;background: url(images/body.png) repeat-y center 0;margin: 0 auto;padding: 30px 0 0 150px;}
  #6 (permalink)  
Antiguo 28/02/2010, 21:47
 
Fecha de Ingreso: mayo-2008
Mensajes: 22
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Ayuda centrando theme

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.


Última edición por P3n3; 28/02/2010 a las 23:35
  #7 (permalink)  
Antiguo 02/03/2010, 08:10
 
Fecha de Ingreso: mayo-2008
Mensajes: 22
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Ayuda centrando theme

Nadie sabe como arreglarlo? Llevo 2 días probando, pero no entiendo el funcionamiento de los margenes :( Y necesito solucionarlo cuanto antes. Help me!
  #8 (permalink)  
Antiguo 02/03/2010, 17:29
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Ayuda centrando theme

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...
  #9 (permalink)  
Antiguo 03/03/2010, 07:37
 
Fecha de Ingreso: mayo-2008
Mensajes: 22
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Ayuda centrando theme

Te he agregado al msn, así nos será más sencillo y rápido :P
  #10 (permalink)  
Antiguo 03/03/2010, 07:53
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Ayuda centrando theme

Cita:
Iniciado por P3n3 Ver Mensaje
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.
__________________
Revisa las FAQ's antes de disparar.
  #11 (permalink)  
Antiguo 03/03/2010, 09:14
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Ayuda centrando theme

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
  #12 (permalink)  
Antiguo 03/03/2010, 14:50
 
Fecha de Ingreso: mayo-2008
Mensajes: 22
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Ayuda centrando theme

Cita:
Iniciado por Impostor Ver Mensaje
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 :$
  #13 (permalink)  
Antiguo 04/03/2010, 07:37
Avatar de gvmedia  
Fecha de Ingreso: marzo-2010
Mensajes: 2
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Ayuda centrando theme

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;



}
  #14 (permalink)  
Antiguo 04/03/2010, 17:10
 
Fecha de Ingreso: mayo-2008
Mensajes: 22
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Ayuda centrando theme

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.

Etiquetas: themes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:17.