IE 7 non riconosce larghezze celle (width)

  • Creatore Discussione Creatore Discussione Sandoz
  • Data di inizio Data di inizio

Sandoz

Nuovo Utente
28 Dic 2013
4
0
0
Buonasera gentili utenti, mi sono appena registrata in questo forum, sperando possiate darmi una mano con quanto segue:

Premesso che:
Conoscendo relativamente bene i codici HTML, in questi giorni sto creando un sito usando i CSS. Con i fogli di stile mi sembra tutto sommato di starmi barcamenando discretamente, giacché, tranne che con IE, con gli altri browser visualizzo tutto esattamente come voglio che sia, anche grazie a degli appositi script (?) trovati in rete per far riconoscere certe cose anche dal malefico IE, ad esempio il riconoscimento del gradiente di colore per gli sfondi; ho aggiunto lo script dove serviva nel foglio CSS ed anche in IE gli sfondi risultano sfumati.

Bene.

Il problema riscontrato oggi relativamente a IE7 riguarda paradossalmente una semplice larghezza di cella con dentro del testo. La tabella è scritta in semplice HTML nel foglio.html, non ha nulla di incredibile. Mi sono chiesta se magari il problema sta nel fatto che utilizzi un linguaggio HTML antico, e ho cercato i tag per le tabelle in HTML5, ma onestamente non sono diversi da quelli che conoscevo. E' tutto il giorno che cerco soluzioni in rete, ma nulla è stato efficace. Mi permetto di incollarvi il tutto. Evidenzierò in neretto ciò che in IE non viene riconosciuto.
Vi ringrazio infinitamente già in anticipo

HTML:
<table border=1 cellspacing=0 cellpadding=0 align=center width=900>
<td rowspan=2 [B]width=168[/B] height=199> 
cella1
</td>
<td colspan=2  [B]width=700[/B] height=175>
cella2
</td>
<tr>
<td colspan=2 [B]width=700[/B]> 
cella3
</td>
</tr>
<tr>
<td [B]colspan=2 width=450[/B] height=530>
cella4
</td>
<td  [B]width=450[/B] height=530>
cella5
</td>
</tr>
<tr>
<td colspan=3 width=648 height=200> 
cella6
</td>
</tr>
</table>
 
Ultima modifica di un moderatore:
ciao
intanto su quelle che chiami cella1, cella2 e cella3 manca il tag <tr>....</tr>
poi prova con es.:
HTML:
<td rowspan=2 style="width:168px; height:199px; ">.....</td>
o meglio ancora con i css esterni

p.s.
racchiudi sempre il codice tra gli appositi tag (seconda riga formattazione del post ultime tre iconcine, nell'ordine CODE, HTML, PHP
 
Ciao, grazie per avermi risposto :)
Andando al problema:

- Ho messo l'altro <tr></tr>
- Ho ridefinito le coordinate di altezza-larghezza di ogni cella nel modo in cui mi hai suggerito, ma con IE il problema persiste :(

A voler creare un riferimento nel foglio CSS esterno, come devo scrivere?
Lì ho già qualcosa di scritto che comanda la tabella relativamente ai bordi (altra cosa che, figuriamoci, non funge in IE, ma per quello pazienza) e cioè:

Codice:
table {
        border: 1px solid #797979;
        border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius:5px;

padding: 5px;
border-spacing: 0px; 

}

Cosa devo aggiungere per comandare da lì altezze e larghezze? Si deve scrivere qualcosa relativamente ad ogni cella?
Spero di non risultare pretenziosa rivelandomi ancora poco esperta di CSS...
 
Ultima modifica:
Ho risolto con un escamotage: ho modificato la tabella rendendo la parte centrale (inteso come cella 4 e cella 5) un'unica cella, di cui dividerò gli ambienti (destro e sinistro) grazie a due box affiancati fatti coi CSS, giacché tutta la tabella doveva essere infine senza linee divisorie interne, quindi i box ci stanno carini esteticamente.
Usando l'attributo "float" per entrambi i div, i box si affiancano e il tutto funziona anche in IE.
Scusate il disturbo; spero che se in seguito avrò altri quesiti, mi presterete nuovamente aiuto. Un saluto :)
 

Discussioni simili