Da quanto ho letto in giro per la rete è un problema abbastanza comune quello del posizionamento dei div in IE7.
La pagina web che mi ha dato problemi è questa:
http://michelangelo.altervista.org/pagine/news_and_bits.htm
Visualizzando la pagina con IE noterete che il div in cui ci sono i vari link a 'home', 'graphics' ecc. si sovrappone leggermente al div di intestazione (che ho chiamato header), mentre con Firefox (il browser che utilizzo abitualmente) non ci sono problemi ed è il tipo di visualizzazione che vorrei per i vari tipi di browser.
Ho cercato di risolvere la cosa intervendo sul .css aggiungendo text-align: center; nel body. Qui sotto c'è la porzione di .css che ho modificato:
BODY
{
background-color: #333333;
text-align: center;
}
il risultato però non è stato quello sperato (il div di navigazione si è spostato tutto a sinistra) e allora ho provato la soluzione più elementare, vale a dire mi sono cercato la porzione di codice che mi interessava, che è questa qui:
<div id="Layer1" style="position:absolute; width:336px; height:23px; z-index:4; left: 246px; top: 244px;">
<p class="text"><a href="http://michelangelo.altervista.org/index.htm">Home</a>
| <a href="http://michelangelo.altervista.org/pagine/news_and_bits.htm">News
& Bits</a> |<a href="http://michelangelo.altervista.org/pagine/graphics.htm">
Graphics</a> |<a href="http://michelangelo.altervista.org/pagine/video.htm">
Video</a> |<a href="http://michelangelo.altervista.org/pagine/link.htm">
Link</a> | <a href="mailto:michelangelo_graphics@yahoo.it">Contact Me</a></p>
e ho corretto il valore top: 244px facendolo diventare
top: 253px c ed il risultato è stato questo:
http://michelangelo.altervista.org/pagine/link.htm
che è sicuramente + decente, ma vorrei sapere se c'è un modo per visualizzare allo stesso modo il sito sia con Firefox che con IE7.
Grazie a chi mi risponderà