problema con tabella all'interno di div

**nik600** · 09-01-2006, 18:07

ciao

ho questo problema:

ho creato un sito con grafica basata su div e css, la struttura è quella classica con 2 colonne laterali, il banner in alto e il banner in basso

il problema è quando creo una tabella nel corpo centrale del portale

il codice html è giusto

con firefox e altri browser va tutto bene

con IE succede un macello e la tabella viene spostata in basso a destra

potete constatare anche voi il disastro qui:

http://www.ies.tn.it/default/index.p...=elenco_utenti

come posso risolvere?

grazie

**salasir** · 09-01-2006, 18:21

Scusa sai ... ma guardando il codice html mi sembra che sci siano delle cose un po' strane ...

codice:

<link href="css/index_div.css" rel="stylesheet" type="text/css">
</head>
<body>
   <div id="contenitore">
        <div id="header"><head>
<title>La Valle Invisibile - Rete Civica</title>
<link href="css/index_new.css" rel="stylesheet" type="text/css">
</head>
<body>

**nik600** · 09-01-2006, 19:15

pardon

era una mia svista

ho risolto l'errore nel codice

ma resta il problema nella visualizzazione!

**salasir** · 10-01-2006, 10:42

Ci deve essere qualcosa nella definizione dei contenitori che produce il classico errore di interpretazione di IE sul box model.
Comunque, anche se in modo poco elegante, con questa soluzione mi sembra che si sistemi tutto:

codice:

<TABLE align=center>
  <TBODY>
  <TR class=tabscuro align=middle>
    <TD width="30%">NOME UTENTE</TD>
    <TD width="20%">TIPO UTENTE</TD>
    <TD width="20%">EMAIL</TD>
    <TD width="20%">SITO</TD></TR>

Una riflessione: se usi i CSS, usali per tutto! Mischiando definizioni interne con quelle dei fogli di stile, rischi di creare confusione al browser che non sa quali caratteristiche prendere in considerazione.

Elimina le definizioni all'interno del codice (align=center, border=1, ... )
Elimina, dove possibile i
sostituendoli con margin nei div relativi
Indica sempre classi e id con gli apici (id="extra", class="tuaclasse", ..)
chiudi sempre i tag (
<img ... />)

Sono pochi accorgimenti che ti portano verso XHTML e la codifica strict.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

Discussione: problema con tabella all'interno di div

Strumenti discussione

Ricerca discussione

Visualizza

problema con tabella all'interno di div

Permessi di invio