Olimpo Informatico

[gek]

Salve a tutti, scrivo in merito ad un piccolo problema riguardo a un mini sito che sto sviluppando. Il sito è all'indirizzo http://xoomer.alice.it/arkos/ come grafica è molto semplice, ma quando vado a visualizzarlo con IE i div si spostano!! Allego il file CSS:

html, body {
margin: 0px;
padding: 0px;
border: 0px;
}
body h1 {
margin-top: 25px;
margin-left: 225px;
}

body h2 {
color:#CC0000;
text-decoration:underline;
text-align:right;s
}

body a {
color:#FFFFFF;
}

span.rosso {color: #CC0000;}

span.blu {color: #003366;}

p.exlink {color: #FFFFFF;}
a.link {color: #000000;}
#main {
margin: 75px;
padding: 10px;
width: 600px;
border: 1px solid #000;
position: absolute;
z-index: 0;
top: 61px;
left: 52px;
background: #FFFFCC;
}

#main #spacer {
height: 75px;
width: 140px;
padding-right: 7px;
clear: left;
float: left;
}
#nav {
position: absolute;
border: 1px solid #000;
z-index: 1000;
width: 200px;
left: 0px;
top: 0px;
padding: 5px 0 10px 10px;
background: #CC0000;
}

perfavore aiutatemi sto impazzendo!!!!!!!!!!!!
(Rebelia confido in te!!!!!!!!)
ringrazio anticipatamente tutti!!!!ciao, gek

[atigra]

Forse c'è qualcosa che mi sfugge... ma mi pare tutto ok anche con IE.

[rebelia]

ciao

grazie per la fiducia, ma forse sarebbe meglio che tu mi postassi un paio di screenshot per spiegarmi dov'e' la differenza, perche' a me il layout si visualizza nello stesso modo sia con ie:



che con ff:



che con opera:



e non riesco a capire dove secondo te e' da sistemare

[atigra]

L'unica cosa che ho notato è che il div con lo sfondo rosso in alto a sx ha "altezze" diverse a seconda del browser, forse il problema è questo???

[gek]

non saprei dire come mai a me da questo difetto, forse è "colpa" della risoluzione troppo alta? ho un monitor LCD 19'' e tengo una 1280x1024.. fatto sta che su FF vedo così:



mentre su IE vedo il div giallo troppo in alto...

[rebelia]

[gek]

sapevo di poter contare sul tuo aiuto rebelia! come al solito sei preziosissima! allora:
ho provato a svuotare la cache, ma niente da fare!
ma a voi su IE si vede bene? x' se l'unico a vedere male sono io... il problema nn si pone! ho provato anche con konqueror (sul portatile ho linux) e anche lì si vede perfettamente! uffi.. per quanto riguarda cambiare il css... devo scrivere

[gek]

ok ho provato a mettere in cima al testo

[rebelia]

[gek]

adesso ho capito! effettivamente rileggendo il tuo primo post il concetto era già chiaro, sono stato GOLOSO io sperando di avere a portata di mano una soluzione rapida ed indolore da applicare senza bisogno di collegare troppo il cervello (cosa MOLTO sbagliata!!!). adesso nel weekend avrò poco tempo, ma appena ci rimetto le mani ti faccio sapere di eventuali sviluppi. interessantissimo il link che segnali! indirettamente ho imparato anche come si inseriscono le lettere greche... MITICO!

un grazie anticipato (ma vedrai che se non funziona tornerò a bussare alla porta di casa Zeus...), buon fine settimana! Gek

[tuffo19]

ok, salve a tutti! superato il we di fuoco (nel senso del caldo) eccomi di nuovo qua. nel frattempo ho fatto vari tentativi di utilizzo del consiglio che mi hai dato (cioè di "resettare" le impostazioni di default a 0, per evitare di incorrere in effetti imprevedibili), ma senza alcun risultato. ho agito sui blocchi div, p, span, h1... le ho provate tutte! infatti mi son reso conto che il problema nn è nel div giallo che sale, ma nel titolo che è più grande e quindi sfora di sotto!

in più ho scoperto anche un altro fatto strano: se navigo sul sito con IE dal portatile (ho esattamente la stessa versione installata, uguale al centesimo: 6.0.2900.xpsp_sp2_gdr.050301-1519 ma risoluzione differente: 1280x800) il problema nn si pone!

quindi devo supporre che sia legato alla risoluzione? come si sistema questa faccenda? e dire che la grafica di questa pagina è a dir poco banale! sono solo 2 div!! grazie cmq a tutt per l'aiuto!

[rebelia]

sbaglio o il uichend bollente ti ha portato a uno sdoppiamento della personalita'?

per risolvere il problema, puoi ad esempio provare ad aggiungere un div che prenda da <body> a </body> (interno, naturalmente) a cui darai una misura che sia compatibile col layout e che ti garantisca la stabilita' a ogni risoluzione

[gek]

ops... effettivamente nn mi ero accorto di essere loggato con un altro account!

il uichend fa davvero malissimo!!

cmq ho provato a inserire un div totale, ma nn son riuscito a cavare un ragno dal buco.. o si scombina tutto il layout (accidenti ai vari relatives, absolute, top, left e soprattutto z-axis che ancora nn ho capito a cosa servono!) oppure non si notano modifiche apprezzabili (il titolo h1 semplicemente rimane sempre troppo grande).. cmq visto che ben pochi tengono risoluzioni così elevate.. beh, direi che mi potrei anche arrendere e rinunciare... voi che dite?
ciao, Gek

[rebelia]

aggiusta questa parte cosi':

[gek]

NON HO PAROLE!!!!!

tu sei un mostro, un fenomeno, un genio, un luminare, una santa!!!! altro che pranzetto a casa mia! io ti erigo un tempio!!!! MITTICA!!!!

FUNZIONA!!!!!!


ok ok mi sto ubriacando di emoticons... funziona alla perfezione, effettivamente è bastato impostare la dimensione del carattere in percentuale. eppure non ci avevo pensato per niente!!

[rebelia]