Olimpo Informatico

[pincopallino]

La stupidità di IE è veramente allucinante. Certo, potrei tranqullamente infischiarmene, ma purtroppo molti visitatori dei miei siti ancora usano quel residuato....
Dunque, come discusso più volte in questo forum, IE non capisce il "margin: auto" nei CSS e per centrare un DIV globale in IE bisogna mettere un text-align=center. Ma cosa comporta questo? Che se avete degli altri DIV con position: relative e larghezza inferiore al contenitore, IE centra l'intero DIV! Quindi, un "margin-left: 100px" sarà spostato a destra di 100 pixel non rispetto al bordo del contenitore, ma rispetto al centro dello stesso. Per rimediare sono stato costretto a mettere un div align="left" come "sottocontenitore", tra il globale e quello a larghezza ridotta. Ovviamente, Opera e FF non danno problemi.

Ho pensato di commentare perché magari può servire ad altri. E magari la dea della grafica e/o la hooligan dei CSS hanno una soluzione più astuta.

[rebelia]

[pincopallino]

OK, capa, eccoti il link. Vai al fondo, là dove trovi

[rebelia]

si, si, prendi in giro, prendi in giro

- togli quell'align=left dal div
- dai un id al div stesso e impostalo in maniera relativa
- imposta il div interv in maniera assoluta

dovrebbe funzionare

l'effetto due colonne o tre colonne si ottiene posizionando uno dei div in maniera assoluta, oppure dandogli il float; io preferisco il primo sistema, il secondo funziona meglio nel caso entrambi i div abbiano lunghezza variabile

[pincopallino]

Reb,
forse stavolta sei andata un po' di fretta. Nella pagina linkata non voglio due colonne (quello so come ottenerlo, ormai), ma due caselle, parallele e spaziate.
Non posso dare al div interv una posizione assoluta, perché a seconda della pagina che lo usa, il testo che vi "sta sopra" ha lunghezza diversa.

[rebelia]

il div che contiene l'align left non ha attualmente un id e contiene i due div/finestre grigie "intervenuti" e "contenuto dei corsi"

mi hai scritto che se togli l'align left dal div che li contiene, "intervenuti" finisce al centro e "contenuto corsi" esce dal layout

io ti ho proposto di dare un id al div che li contiene e di dargli anche position relative e di togliere l'align left

in questo modo puoi posizionare in maniera assoluta il div intervenuti che fara ad esso riferimento e posizionare di conseguenza il div "contenuto corsi" (che gia' e' posizionato correttamente)

anche se hanno spazio attorno e tutto il resto, si tratta sempre di un simil-layout a due colonne "nel loro piccolo"

[pincopallino]

Uhm.... creare appositamente un "id" per fare quello che faccio già con un semplice div align (imposto solo da IE, ribadisco).
Motivo? Vantaggii?

[rebelia]

[pincopallino]

[rebelia]

[pincopallino]

OK Reb,
ho provato a seguire il tuo consiglio. Eccoti 5 link a 5 pagine che ora utilizzano il CSS modificato come mi hai consigliato tu.

1
2
3
4
5

Come vedrai, Opera e Firefox mostrano quello che devono. Con IE invece il risultato lascia molto a desiderare. Dimensione e posizione dei due div interni sono variabili.
Ovviamente posso aver tralasciato qualcosa nel CSS. Comunque sia il CSS che i files XHTML validano. Ed al solito, solo IE dà problemi.

[rebelia]

[pincopallino]

[rebelia]

il rosa non sara' rosa, ma sara' lilla o quel che e', comunque il contrasto tra lo sfondo dei due div in discussione ed il relativo colore dei link non e' sufficiente

ottimizzato per: mettila come vuoi, io lavoro strict e crossbrowsers e lo trovo molto piu' serio e tra l'altro ti autolimiti senza motivo, visto che i tuoi siti per quanto ho visto io sono sempre navigabili senza problemi con ie, ff/moz e opera

pinco, fattene una ragione: alla maggior parte della gente non gliene frega una beata fava dei css, dei bollini e di tutto il resto e anche se l'uso di browsers alternativi e' in costante ascesa (sto pensando al recente exploit di ff), la maggioranza continua ad usare ie ed e' con questo dato di fatto che dobbiamo fare i conti e - come ho scritto appena qui sopra e come appuro giornalmente lavorandoci - si puo' tranquillamente seguire le regole ed essere accessibili alla stragrande maggioranza degli utenti, quindi i tuoi brontolii non hanno proprio motivo d'essere, imho

menu: personalmente trovo molto piu' fastidioso scrollare orizzontalmente la pagina ad ogni riga che ritrovarmi un menu su due righe

[pincopallino]

[rebelia]