|
| HOMEPAGE | INDICE FORUM | REGOLAMENTO | ::. | NEI PREFERITI | .:: | RSS Forum | RSS News | NEWS web | NEWS software | |
| PUBBLICITA' | | | ARTICOLI | WIN XP | VISTA | WIN 7 | REGISTRI | SOFTWARE | MANUALI | RECENSIONI | LINUX | HUMOR | HARDWARE | DOWNLOAD | | | CERCA nel FORUM » | |
01-11-2008, 20.46.30 | #1 |
Forum supporter
Registrato: 11-07-2003
Messaggi: 1.843
|
[CSS CrossBrowser] Il solito problema: ok con Firefox 2 ma non con Ie !
Sto cercando di realizzare una impaginazione tipo quotidiano: - una colonna larga il 20% alta come tutto lo schermo a sinistra che contiene una fila di link e basta - la parte destra inizia con una sezione larga il 100% del rimanente, cioè l'80% tot dello schermo intero che contiene due news in evidenza e alta un tot fisso (misurati in em, invece che in px per essere sicuro del comportamento anche alle altre risoluzioni) - il resto dello schermo è un unico riquadro contenente 9 box identici, su tre righe e tre colonne, di larghezza e altezza fisse e identiche. Ci sono riuscito con Firefox 2, allego di seguito il CSS, ma NON si vede proprio bene con IE, che a quanto pare non rispetta ne 'height' ne 'min-height' e ignora anche l' " !important" Help .. Codice:
DIV.firstTwo { float: right; width: 80%; text-align: center; border-bottom: 1px solid black; } DIV.firstTwoItem { font-size: 1.1em; float: left; width: 47%; min-height: 11em; text-align: justify; margin: 5px; padding: 5px; background-color: white; } DIV.otherNine{ float: right; width: 80%; text-align: center; } DIV.otherNineItem { font-size: 1.0em; float: left; width: 30% !important; height: 12em !important; text-align: justify; margin: 4px; padding: 7px; background-color: white; color: gray; } DIV.list { float: left; width: 19%; text-align: left; border-right: 1px solid black; padding: 5px; } DIV.listItem { font-size: 0.9em; float: left; width: 100%; text-align: left; margin: 0 0 14px 0; }
___________________________________
Realtebo |
02-11-2008, 14.51.30 | #2 |
Made in Japan
Top Poster
Registrato: 04-07-2001
Messaggi: 4.461
|
Purtroppo FF ed IE hanno un diverso modo di fare il rendering della pagina. Attualmente sono alle prese con una web application e sono alla fase della resa grafica lavorando con CSS.
La cosa che posso dirti subito è che, stando a quanto ho letto sul web, IE non supporta min-height. Una cosa che ho notato è che se hai una tabella di questo tipo Codice:
<table> <tr> <td>testo</td> </tr> <tr> <td><input type="submit" ...></td> </tr> <tr> <td>testo</td> </tr> </table> Insomma, tante volte devi raggiungere un compromesso, non si può sempre avere una perfetta corrispondenza su tutti i browser... purtroppo. |
04-11-2008, 13.33.58 | #3 |
Forum supporter
Registrato: 11-07-2003
Messaggi: 1.843
|
grazie per avermi risposto, però forse non hai notato che io NON uso le tabelle.
La mia domanda precisa era: dovendo fare dei riquadri con DIV tutti alti uguali, con IE e CSS 2 come lo ottengo !?
___________________________________
Realtebo |
04-11-2008, 14.27.05 | #4 |
Made in Japan
Top Poster
Registrato: 04-07-2001
Messaggi: 4.461
|
Si si, lo so che non usi tabelle, era per farti un esempio del fatto che IE e FF interpretano cose uguali in modo diverso.
|
04-11-2008, 16.34.04 | #5 |
Forum supporter
Registrato: 11-07-2003
Messaggi: 1.843
|
perdonami, anche io ho capito te.
ma la mia domanda rimane: come ottengo tre cose alte uguali in Ie?
___________________________________
Realtebo |
06-11-2008, 12.53.19 | #6 |
Gold Member
Top Poster
Registrato: 13-02-2001
Loc.: Forette City
Messaggi: 13.153
|
Studiare ed imparare a memoria: How to get Cross Browser Compatibility Every Time (Y)
___________________________________
"Society doesn’t need newspapers. What we need is journalism." - Clay Shirky |
Utenti attualmente attivi che stanno leggendo questa discussione: 1 (0 utenti e 1 ospiti) | |
Strumenti discussione | |
|
|
Discussioni simili | ||||
Discussione | Autore discussione | Forum | Risposte | Ultimo messaggio |
Firefox: browser predefinito | bellatrix | Software applicativo | 7 | 08-09-2008 21.47.37 |
Problema con Mozilla firefox | Algeron | Software applicativo | 2 | 05-10-2005 10.47.48 |
Problema Firefox | zen67 | Software applicativo | 15 | 30-09-2005 11.29.50 |
problema con firefox | interceptor | Software applicativo | 11 | 19-10-2004 12.36.44 |
Problema ad aprire il sito con Firefox | Leongohan | Discussioni su WinTricks | 17 | 26-08-2004 12.35.29 |