Entrar

Visualización incorrecta (como no) en IE -.-''

Icelost · · Solicitar retirada
Hola buenas, estaba probando unas cosillas en un "intento" de portfolio fotográfico y bueno lo que es la zona central pues queda muy a mi gusto en cuanto a colocación se refiere.
Ahora se me ha apetecido pone una columna lateral con una breve introduccion acerca de mi (que egocentrico -.-) y he pensado en poner una capa para que no me afecte en el resto del contenido.
Pues bien... en chrome y firefox bien pero en IE pues... mal, con bien y mal me refiero a que la activo y no afecta en nada a la zona central (se coloca en el rincon izquierdo) en chrome y firefox; pero en IE pues es como si ignorara la capa y la zona central la desplaza a la derecha, quedando asi descentrada toda la visualizacion.
Os pongo el enlace de prueba por si teneis un ratillo:

http://lamiradaobjetiva.onlinewebshop.net/
(aqui es donde se ve la diferencia de usar IE y chrome)
Supongo que el codigo html no lo necesitais por que lo veis directamente desde el propio explorador, pongo la parte que afecta la capa de la hoja de estilos

#autor {float:left; margin: 1px 1px 1px 1px ; background-color: white ; width:200px ;margin:0px 0px 0px 20px}
Evidentemente si oculto esa capa, la imagen central se vuelve a colocar en el centro si la visualizo con el IE.

Muchas gracias y feliz 2011 jajaj ya aprovecho
eze_2493 · · Solicitar retirada
Bueno no entiendo como queres que te quede ya que en mozilla aparece sobre todo el contenido y en ie aparece en un costado sin molestar el contenido, y creo que tendrias que poner todos los codigos ya que todo influye.
Icelost · · Solicitar retirada
Pongo todos los codigos pues, con respecto a que lo veas encima... tienes poca resolucion en pantalla con respecto a la mia , la capa central es de apenas 800px y a mi resolucion (1440 x 900)falta muchisimo para que se ponga una encima de otra; lo unico que en IE lo que hace es echarme la capa central 3 centrimetros a la derecha (lo que ocupa la capa pequeña), mientras que en el otro la veo justo en el centro. Sin afectar la posicion quite o ponga esa capa.
Codigo CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; 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}
h3 {font.size: 2.5em; color:black ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
body {background-image: url(../objetos/fondo.gif) ; text-align:center }
#autor {float:left; margin: 1px 1px 1px 1px ; background-color: white ; width:200px ;margin:0px 0px 0px 20px}
#global     {width:800px ; margin:10px auto }
#cabecera   {background-image: url(../objetos/superior.png) ; height:125px}
#logotipo   {width:270px ; float:left; ; margin: 0px 0px 0px 2px }
#publicidad {width:518px ; float:right }
#copyright {background-image: url(../objetos/navegacion.gif) ;  border: black 0px solid ; height:30px }
#contenido  {background-image: url(../objetos/fondoweb.gif) ; border-left: black 0px solid ;
             border-right: black 0px solid }
#contenido p {margin: 5px 30px 0px 30px ; text-indent: 15px}
#flechas {margin:0px 90px 0px 90px }
#pie { background-image: url(../objetos/inferior.png) ;
       border-left: black 0px solid ;
       border-right: black 0px solid;
       border-top: black 1px solid;
          height: 120px }
#pieuno  {float:left ; width:235px}
#piedos  {float:left ; width:328px}
#pietres {float:left ; width:235px}
#album img {margin: 15px ;  border: black 2px solid}
a         {color: black ; text-decoration:none }
a:link    {}
a:visited {}
a:hover   {color:blue ; text-decoration:none ; background-color: none}
a:active  {}
Icelost · · Solicitar retirada
Lo siento, eso no soluciona mi duda; yo intento trabajar con html tradicional siguiendo el curso de esta página de DIVS y lo unico que hago es poner una sencilla capa de texto, que la voy a poner igual y del mismo modo cree una hoja de estilos especifica para IE o no, por que no se (y por que no se explica de otro modo en el curso) hacerlo de otro modo. Simplemente intento averigual si (por mucho que he repasado) me he dejado algun "punto y coma" sin poner o alguna tonteria que pueda llevar a esa digamos diferencia entre navegadores, quizas yo no entienda bien como hacer las capas y ponga algun float mal o alinie algo mal; ya te digo, no creo que el problema sea el que tu me planteas con la solucion, por que como ya te digo voy a poner exactamente el mismo codigo, ya que no lo se hacer de otro modo.
Como comprenderas, si supiera hacer esas cosas de corregir mis propios errores no estaria dando mal en el foro, jeje, gracias de todos modos.
Ahora cuando acabe de comer me pondre a hacer lo que dices, pero ya te digo que lo unico que voy a hacer es cambiar el nombre a las css...
Icelost · · Solicitar retirada
Pues nada, he seguido el tutorial y pese a que lo voy a dejar como tu indicas (por que para otras cosas puede funcionar) pues ocurre lo mismo, que IE me desplaza a la derecha la zona central :(
Foley · · Solicitar retirada
Icelost escribió:Pues nada, he seguido el tutorial y pese a que lo voy a dejar como tu indicas (por que para otras cosas puede funcionar) pues ocurre lo mismo, que IE me desplaza a la derecha la zona central :(

Si haces lo que comento en esa guía pero haciéndolo bien, no a tu manera, conseguirás arreglarlo.

Normalmente los fallos de la visualización en ie se arreglan simplemente bajándole la anchura a una capa o poniéndole X margen a un lado o así, se arregla rápido si se piensa un poco.

Ánimo, saludos

P.D: Mismo al añadir lo que llamo reset.css ya puede ser que veas alguna mejora.
Icelost · · Solicitar retirada
Lo siento , no hay ninguna mejora (ni empeora) al poner el reset y los 2 css (el especial para IE y el otro.
Y... no lo hago a mi manera, solo he seguido el curso de divs de esta web y solo pongo una capa con texto, nada con margin, top ni border, asi que no veo nada que haya que modificar, a parte de a los programadores de IE XDXD

Cita de css:
#autor {float:left; background-color: black ; width:200px }
Cita del html:
<div id="autor">

  <h4>Sergio Pérez Pérez
	Nacido en Zaragoza el 23 de Enero del año 1977.&nbsp

	Hace unos años comencé mis andaduras en el mundo de la fotografía;
	mundo que todavia estoy empezando a conocer, adentrandome cada día más
	en el maravilloso mundo de la fotografía con cámaras "Reflex" de formato "Digital".&nbsp

	Algo que más que una afición casi se esta empezando a convertir en una
	manera de ser; una manera de pensar; una manera de vivir.</h4>
</div>
Como ves creo que son ordenes nada rebuscadas y sencillas :(
Icelost · · Solicitar retirada
Perdon no he ido actualizando los cambios en "razy"
Ya esta todo actualizado por si tienes un ratito para echarle un ojo
Icelost · · Solicitar retirada
Ok, subida esta ya el css del IE, no se que ha pasado, copie toda la carpeta con el cliente FTP
Foley · · Solicitar retirada
Vale, ahora tienes que ir modificando poco a poco la estilos-ie.css para que en internet explorer se vea como en firefox.

Ya te digo que normalmente se trata de usar márgenes, incluso negativos si hace falta.

Hablando de márgenes negativos, creo que el div del texto "Sergio Pérez Pérez Nacido en..." si le pones que deje un margen superior negativo de los píxeles que tiene de altura ya se te colocaría bien. Ejemplo:

Si tiene 200 px de altura pues pones margin-top: -200px. Puedes ir tanteando si no sabes los px exactos.

Saludos
Icelost · · Solicitar retirada
Ok, lo ire intentando, pero sigo sin entender por que la colocacion de una capa me puede afectar a las otras 3 que son las centrales; supongo que te refiriras a que recoloque estas con negativos; pero yo pienso que mi colocacion ha sido con intencion de que quedara en el centro. Entonces si yo ahora la muevo 200px a la izquierda poniendo un valor negativo (forzandola a que yo la vea bien) los que no tengan 1440 de ancho como tengo yo de resolucion no la van a ver bien, sin embargo si esta centrada deberia de estar centrada para todo el mundo; en fin seguire haciendo pruebas, pero casi seguro que si yo lo veo bien forzandola los demas la veran mal.
De todas maneras muchas gracias por el interes y voy s seguir en la medida de lo posible tus consejos.
Muchas gracias
Foley · · Solicitar retirada
No no, a la izquierda no, tienes que dejar un margin-top negativo ;)

Es que tu web en ie se ve mal, la capa que habla sobre ti, donde naciste y demás sale arriba de todo entonces al ponerle un margin superior negativo bajará y quedará en linea con el resto de capas, tal y como está en firefox.

Así la veo en firefox:

http://img232.imageshack.us/img232/640/miradaobjetiva129410534.png

Así la veo en internet explorer:

http://img341.imageshack.us/img341/7702/miradaobjetivaie.jpg

Es más fácil de lo que parece, simplemente debes hacer cambios en la hoja de estilos de ie para conseguir que se vea bien.

Saludos
Icelost · · Solicitar retirada
Requetelol

Mira mis fotos del principio del post... yo lo veo asi -.-

Dios tu ves la web destrozada jajajaja yo solo un poquito torcida
Lo veo todo igual (la columna con mi historia mas corta por que he quitado la foto) y el fondo quite la fondo y puse fondo blanco (por descartar cosas)
Entonces si te basas en mis fotos, como ves con explorer toda la zona central se pone 2 centrimetros a la derecha (con respecto al centro) y eso es lo que queria corregir; pero si los demas lo veis asi de... destrozada jajajaja esto ya si que va a ser un problema, tendre que quitar la capa esa y dejar solo la zona central que si que se ve correctamente colocada. ains por que me metere en estas movidas jajaja
Foley · · Solicitar retirada
Claro es que tu tienes una pantalla de portátil seguramente y esas pantallas son muy anchas pero poco altas por eso la ves así.

Yo directamente metería la capa que habla sobre ti justo a la izquierda de esas tres fotitos que tienes. Así no se descolocaría.

Saludos