problema CSS / HTML in IE - come risolvere?
-
01-10-2019 - |
Domanda
Sto lavorando a questa pagina qui:
Si presenta bene in Firefox, Chrome, Opera e IE8
Ma quando accendo la "visualizzazione compatibilità" in IE8, le immagini dei menu vanno sotto il testo.
Un altro problema che si verifica solo in questo punto di vista è in questa pagina:
http://noasimon.co.il/exhibition2010
Le miniature andare troppo lontano lasciato fuori la vista.
conosco nessuno come posso risolvere questo problema? Ho poca esperienza con questo genere di cose.
Soluzione
.ngg-album { position: relative; } .ngg-albumimage img { position: absolute; left: 0; top: 0; } .ngg-albumimage { display: inline; }
Altri suggerimenti
Congratulazioni per l'HTML W3C valida! (Ho controllato solo per assicurarsi che)
Poiché sembra che il div#header
sta andando sempre essere 50px
alto e sempre a (0,0) all'interno del div#wrapper
, e il div.sidebar
sempre a (0,50), perché non fare questo:
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;
}
In un secondo sguardo sulla tua pagina ho pensato un trucco un amico di usi miniera potrebbe essere di aiuto:
* {padding: 0; margin: 0;}
Questo di solito aiuta a risolvere i comuni problemi di compatibilità di IE legate ai valori di default dei margini e padding lì.
Sembra che questo è un buon esempio di "doppio margine"
In sostanza ciò che è necessario fare per "vista compatibile" è quello di display
insieme a inline
su elementi che sono galleggiavano e hanno margini.
.ngg-albumtitle {
float: right;
display: inline;
}
è possibile utilizzare ..
.sidebar ul { margine: 0px; padding: 0px;
} Li .sidebar { float: right; display: inline-block; margin: 1px; padding: 0px 4px '
font-size: ..;
}
Grazie Ptiwari.