Problema al alinear contenido en theme de blog

Plaga · 27 Mar 2011

Tengo un problema y es que estaba modificando un theme para mi blog y no se que moví xD y el contenido, imágenes y estructura quedo alineado hacia la izquierda en Internet Explorer :S y en Firefox se ve bien.

No soy programador ni nada por el estilo xD la modificación la logre a prueba y error, pero quedo mal eso ¬¬ no me afecta en nada pero la verdad quisiera que quedara centrado como debe ser.
Alguien que me ayude a arreglarlo?

Se agradecen los aportes y sugerencias.

Este es el sitio: Enlace eliminado

Delmon · 27 Mar 2011

Podrias poner el enlace a tu sitio para revisar?

Plaga · 27 Mar 2011

Delmon dijo:
Podrias poner el enlace a tu sitio para revisar?

Fail!!!! me olvide de la url hahahahaha, ya esta editado el primer mensaje.

Delmon · 27 Mar 2011

Creo que encontre el error, entra a tu Style.css y edita la linea

Insertar CODE, HTML o PHP:

#wrapper{margin:30px auto;width:950px; float:inherit;}

Cambiala por :

Insertar CODE, HTML o PHP:

#wrapper{margin:30px auto;width:950px;}

Plaga · 27 Mar 2011

Delmon dijo:
Creo que encontre el error, entra a tu Style.css y edita la linea

Insertar CODE, HTML o PHP:

#wrapper{margin:30px auto;width:950px; float:inherit;}

Cambiala por :

Insertar CODE, HTML o PHP:

#wrapper{margin:30px auto;width:950px;}

Ya cambie esa línea y sigue hacia la izquierda en IE :/

Delmon · 27 Mar 2011

Sigo viendo esa linea -.-

JavierNeri · 27 Mar 2011

Plaga dijo:
Ya cambie esa línea y sigue hacia la izquierda en IE :/

porque no intentas asi:

Insertar CODE, HTML o PHP:

#wrapper{margin:0 auto;width:950px;}

Plaga · 27 Mar 2011

Delmon dijo:
Sigo viendo esa linea -.-

Lo volvi a poner como antes porque al quitar eso que me indicaste, el header se ve cortado :S

NeRi dijo:
porque no intentas asi:

Insertar CODE, HTML o PHP:

#wrapper{margin:0 auto;width:950px;}

Tampoco :S #putotheme xD

Delmon · 27 Mar 2011

Se me hace raro, porque por lo que veo en IE el problema es que Toda la pagina (desde el head hasta el footer) está totalmente a la izquierda, pero en tu codigo fuente vi éste codigo:

Insertar CODE, HTML o PHP:

<!--Comprimir el sitio zlib Termina -->

Hay algun codigo en la parte superior?... talvez ese codigo esté cambiando las cosas

Nachitox · 27 Mar 2011

Delmon dijo:
Se me hace raro, porque por lo que veo en IE el problema es que Toda la pagina (desde el head hasta el footer) está totalmente a la izquierda, pero en tu codigo fuente vi éste codigo:

Insertar CODE, HTML o PHP:



Hay algun codigo en la parte superior?... talvez ese codigo esté cambiando las cosas

No, eso no afecta en nada, el problema es de CSS.

Prueba cambiando esta línea

Insertar CODE, HTML o PHP:

#wrapper{margin:30px auto;width:950px; float:inherit;}

por esto:

Insertar CODE, HTML o PHP:

#wrapper{margin:30px auto;width:950px;overflow:hidden;zoom:1;}

Delmon · 27 Mar 2011

Propongo:

#wrapper{margin:30px auto;width:950px;text-align:center;}

Mario · 27 Mar 2011

Agrega text-align:center al body y se arregla, pero no se si tenga problema en otros navegadores, mejor haz esto:

HTML:

<!--[if lt IE 9]>
<style>
  body {
    font: 13px/18px Trebuchet MS;
    margin-bottom: 20px;
    background: url(images/bg.png) #eeefee repeat-x 50% top;
    color: #333;
    text-align:center;
  }
</style>
<![endif]-->

Saludos...

Plaga · 27 Mar 2011

Nada funciona :/ sigue viendose hacia la izquierda en IE (es una patada en las bolas ese navegador)

Este es el theme original Enlace eliminado

Mario dijo:
Agrega text-align:center al body y se arregla, pero no se si tenga problema en otros navegadores, mejor haz esto:

HTML:



Saludos...

Puse eso y checa como se le sitio :/

lucianoche · 27 Mar 2011

Hola, fijate en la 3er línea escrita de código, yo veo esto

Insertar CODE, HTML o PHP:

<meta name="�Language�" content="�Spanish�">

En Firefox aparecen unos caracteres extraños en lugar de las comillas, puede ser que el parser de IE al encontrarse con estos caracteres no esté cargando algo bien.

Plaga · 27 Mar 2011

lucianoche dijo:
Hola, fijate en la 3er línea escrita de código, yo veo esto

Insertar CODE, HTML o PHP:

<meta name="�Language�" content="�Spanish�">

En Firefox aparecen unos caracteres extraños en lugar de las comillas, puede ser que el parser de IE al encontrarse con estos caracteres no esté cargando algo bien.

Ya cambie ese error (creo) y el contenido no se arregla 🙁

No se cual sea la diferencia con el theme original :S Enlace eliminado

Mario · 27 Mar 2011

¿No funcionó con lo que te dije? Lo probé yo mismo en IE 8 y funcionó...

¿Lo probaste como te dije? ¿Y si en lugar de usar los condicionales lo agregas a la hoja de estilos?

Plaga · 27 Mar 2011

Mario dijo:
¿No funcionó con lo que te dije? Lo probé yo mismo en IE 8 y funcionó...

¿Lo probaste como te dije? ¿Y si en lugar de usar los condicionales lo agregas a la hoja de estilos?

Lo puse y se alineo, pero también los enlaces del sidebar :S y se ve mal.

Delmon · 27 Mar 2011

Plaga dijo:
Lo puse y se alineo, pero también los enlaces del sidebar :S y se ve mal.

Pero si es que te sale mal podrías editar lso css del sidebar para que no se alinien al centro y listo... tendrias que modificar lo siguiente

#sidebar1{ width:145px; float:left; margin-top:16px; padding:5px;text-align:left;}

y

#sidebar2{ width:150px; float:left; margin-top:16px; padding:5px;text-align:left;}

añade lo que esta en negritas

janito24 · 27 Mar 2011

para que te salga mas facil, mira:

body{
text-align:center;
}

#wrapper{
//todo como hasta ahora
}

#subWrapper{
//un invento que se me ocurrio para deshacer el align center en todo
text-align:left;
}

y en el html

<body>
<div id="wrapper">
<div id="subWrapper">
todo tu blog
</div>
</div>

revisa deberia funcionar en todos los navegadores (IE seguira siendo basura u_U)

Plaga · 27 Mar 2011

Delmon dijo:
Pero si es que te sale mal podrías editar lso css del sidebar para que no se alinien al centro y listo... tendrias que modificar lo siguiente

#sidebar1{ width:145px; float:left; margin-top:16px; padding:5px;text-align:left;}

y

#sidebar2{ width:150px; float:left; margin-top:16px; padding:5px;text-align:left;}

añade lo que esta en negritas

Es una muy buena solución pero cuando agrego el código que pusieron no solo los sidebars se alinean al centro sino que también se ve mal todo el diseño mira:

Enlace eliminado

janito24 dijo:
para que te salga mas facil, mira:

body{
text-align:center;
}

#wrapper{
//todo como hasta ahora
}

#subWrapper{
//un invento que se me ocurrio para deshacer el align center en todo
text-align:left;
}

y en el html

<body>

<div id="wrapper">
<div id="subWrapper">
todo tu blog
</div>
</div>

revisa deberia funcionar en todos los navegadores (IE seguira siendo basura u_U)

Voy a intentarlo ahora mismo 😀

Enlace eliminado

Use los 2 ejemplos anteriores y ya quedo 😀 muchisimas gracias.
Lo único que sigue alineado a la izquierda son las imágenes de los post :/ no entiendo como puede existir una basura como IE, porque en Firefox las imágenes salen como deben ser 😛

Saben como resolver lo de las imágenes?

Problema al alinear contenido en theme de blog

Plaga

Delmon

Plaga

Delmon

Plaga

Delmon

JavierNeri

Plaga

Delmon

Nachitox

Delmon

Mario

Plaga

lucianoche

Plaga

Mario

Plaga

Delmon

janito24

Plaga

Temas similares