problema CSS / HTML en IE - cómo fijar?
-
01-10-2019 - |
Pregunta
Estoy trabajando en esta página aquí:
Se ve bien en Firefox, Chrome, Opera e IE8
Pero cuando enciendo la "vista de compatibilidad" en IE8, las imágenes del menú van por debajo del texto.
Otro problema que ocurre sólo en esta vista está en esta página:
http://noasimon.co.il/exhibition2010
Las miniaturas ir demasiado lejos dejó fuera de la vista.
conozco a nadie cómo puedo solucionar este problema? Tengo muy poca experiencia con este tipo de cosas.
Solución
.ngg-album { position: relative; } .ngg-albumimage img { position: absolute; left: 0; top: 0; } .ngg-albumimage { display: inline; }
Otros consejos
Enhorabuena por el código HTML del W3C-válido! (He comprobado sólo para asegurarse)
Dado que parece que el div#header
siempre va a ser 50px
alto y siempre en (0,0) en el interior de la div#wrapper
y el div.sidebar
siempre a (0,50), ¿por qué no hacer esto:
div#wrapper {
position: relative;
}
div#wrapper div#header {
position: absolute;
height: 50px;
top: 0px;
left: 0px;
}
div#wrapper div.sidebar {
position: absolute:
top: 50px;
left: 0px;
}
En un segundo aspecto de la página pensé que un truco de un amigo de usos de minas podría ser de ayuda:
* {padding: 0; margin: 0;}
Por lo general, ayuda a resolver problemas comunes de compatibilidad de IE relacionados con los valores por defecto de margen y el relleno allí.
Parece que este es un buen caso de "doble margen"
Básicamente lo que hay que hacer para "Vista compatible" es establecer display
a inline
en los elementos que flotan y tienen margen.
.ngg-albumtitle {
float: right;
display: inline;
}
Puede utilizado ..
.sidebar ul { margen: 0px; padding: 0px;
} li {.sidebar flotar derecho; mostrar: inline-block; margen: 1px; padding: 0px 4px '
font-size: ..;
}
Gracias Ptiwari.