Telefonino.net network
 
| 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 » |

Torna indietro   WinTricks Forum > Software > Programmazione

Notices

Rispondi
 
Strumenti discussione
Vecchio 01-11-2008, 21.46.30   #1
realtebo
Forum supporter
 
L'avatar di realtebo
 
Registrato: 11-07-2003
Messaggi: 1.843
realtebo promette bene
[CSS CrossBrowser] Il solito problema: ok con Firefox 2 ma non con Ie !

potreste aiutarmi con un problema CSS?

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
realtebo non è collegato   Rispondi citando
Vecchio 02-11-2008, 15.51.30   #2
Alhazred
Made in Japan
Top Poster
 
L'avatar di Alhazred
 
Registrato: 04-07-2001
Messaggi: 4.461
Alhazred promette bene
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>
Su FF avrai una spaziatura uguale sopra e sotto il pulsante submit, su IE invece sotto avrai più spazio, come se ci mettesse un <br> che in realtà non c'è.
Insomma, tante volte devi raggiungere un compromesso, non si può sempre avere una perfetta corrispondenza su tutti i browser... purtroppo.
Alhazred non è collegato   Rispondi citando
Vecchio 04-11-2008, 14.33.58   #3
realtebo
Forum supporter
 
L'avatar di realtebo
 
Registrato: 11-07-2003
Messaggi: 1.843
realtebo promette bene
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
realtebo non è collegato   Rispondi citando
Vecchio 04-11-2008, 15.27.05   #4
Alhazred
Made in Japan
Top Poster
 
L'avatar di Alhazred
 
Registrato: 04-07-2001
Messaggi: 4.461
Alhazred promette bene
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.
Alhazred non è collegato   Rispondi citando
Vecchio 04-11-2008, 17.34.04   #5
realtebo
Forum supporter
 
L'avatar di realtebo
 
Registrato: 11-07-2003
Messaggi: 1.843
realtebo promette bene
perdonami, anche io ho capito te.

ma la mia domanda rimane: come ottengo tre cose alte uguali in Ie?
___________________________________

Realtebo
realtebo non è collegato   Rispondi citando
Vecchio 06-11-2008, 13.53.19   #6
RNicoletto
Gold Member
Top Poster
 
L'avatar di RNicoletto
 
Registrato: 13-02-2001
Loc.: Forette City
Messaggi: 13.153
RNicoletto promette bene
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
RNicoletto non è collegato   Rispondi citando
Rispondi


Utenti attualmente attivi che stanno leggendo questa discussione: 1 (0 utenti e 1 ospiti)
 
Strumenti discussione

Regole di scrittura
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is ON
Gli smilies sono ON
[IMG] è ON
Il codice HTML è OFF

Vai al forum

Discussioni simili
Discussione Autore discussione Forum Risposte Ultimo messaggio
Firefox: browser predefinito bellatrix Software applicativo 7 08-09-2008 22.47.37
Problema con Mozilla firefox Algeron Software applicativo 2 05-10-2005 11.47.48
Problema Firefox zen67 Software applicativo 15 30-09-2005 12.29.50
problema con firefox interceptor Software applicativo 11 19-10-2004 13.36.44
Problema ad aprire il sito con Firefox Leongohan Discussioni su WinTricks 17 26-08-2004 13.35.29

Orario GMT +2. Ora sono le: 16.13.56.


E' vietata la riproduzione, anche solo in parte, di contenuti e grafica.
Copyright © 1999-2017 Edizioni Master S.p.A. p.iva: 02105820787 • Tutti i diritti sono riservati
L'editore NON si assume nessuna responsabilità dei contenuti pubblicati sul forum in quanto redatti direttamente dagli utenti.
Questi ultimi sono responsabili dei contenuti da loro riportati nelle discussioni del forum
Powered by vBulletin - 2010 Copyright © Jelsoft Enterprises Limited.