Table in IE e FF

**zr7s** · 18-08-2006, 10:09

Ciao a tutti,

ho impostato lo stile per le mie table in questo modo:
/* STILE TABELLE */

table {
border: solid 2px #CC6714;
text-align: left;
width: 100%;
margin-bottom: 15px;
}
td {
border: 1px solid #CC6714;
color: Black;
background: White;
text-align: center;
}

thead {
color: White;
background: #CC6714;
text-align: center;
}

table a {
color: Black;
background-color: #FFFFFF;
text-decoration: underline;
/*font-weight: bold;*/
}

table a:hover {
background-color: #FFFFFF;
color: #CC6714;
/*font-weight: bold;*/
text-decoration: underline;
}

Con FF è perfetto, mentre con IE6 no!!
Mi da due problemi
uno è il bordo superiore della table: è + grande di parecchio.
secondo , la table mi "flotta" sotto il DIV che la contiene (non propeio chiaro vero?)

Ciao

**panta1978** · 18-08-2006, 10:38

Originariamente inviato da zr7s
Ciao a tutti,

ho impostato lo stile per le mie table in questo modo:
/* STILE TABELLE */

table {
border: solid 2px #CC6714;
text-align: left;
width: 100%;
margin-bottom: 15px;
}
td {
border: 1px solid #CC6714;
color: Black;
background: White;
text-align: center;
}

thead {
color: White;
background: #CC6714;
text-align: center;
}

table a {
color: Black;
background-color: #FFFFFF;
text-decoration: underline;
/*font-weight: bold;*/
}

table a:hover {
background-color: #FFFFFF;
color: #CC6714;
/*font-weight: bold;*/
text-decoration: underline;
}

Con FF è perfetto, mentre con IE6 no!!
Mi da due problemi
uno è il bordo superiore della table: è + grande di parecchio.
secondo , la table mi "flotta" sotto il DIV che la contiene (non propeio chiaro vero?)

Ciao

Ciao,
intanto se usi la tabella per il layout il consiglio è quello di usare il tag div (se invece stai inserendo dati tabellari allora va bene).

Per il secondo problema mi ricordo di averlo avuto anch'io, ed avevo risolto modificando la larghezza della tabella (da 100% a 98%). Questo è uno dei tanti bachi di IE.

Per il primo problema non saprei. Comunque io scriverei border: 2px solid #cc6714; anziché border: solid 2px #CC6714; (notare che ho scambiato 2px e solid ed ho messo tutto in minuscolo.

**zr7s** · 18-08-2006, 11:03

La table la uso per i dati!!
Siccome non so quanto sarà grande, quindi mi crea problemi, con FF va a destra, mentre in IE va
prima sotto poi a destra.
Ho provato con 98%, ma niente.
Potrei creare un DIV con barra di scorrimento e dentro la table? Non so come, ma ci proverò!
Grazie

**panta1978** · 18-08-2006, 11:09

Originariamente inviato da zr7s
La table la uso per i dati!!
Siccome non so quanto sarà grande, quindi mi crea problemi, con FF va a destra, mentre in IE va
prima sotto poi a destra.
Ho provato con 98%, ma niente.
Potrei creare un DIV con barra di scorrimento e dentro la table? Non so come, ma ci proverò!
Grazie

Se devi usare dati tabellari, allora non ti conviene usare il div.

Riesci a postare un link alla pagina in questione, che appena ho un pò di tempo ci guardo?

**zr7s** · 18-08-2006, 11:18

Purtroppo no, sto creando un sito in locale per giocare un pò!

Comunque questo è HTML e CSS

/* HTML */

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>...</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>...</h1>

..</p>
</div>
<div id="navigation">
<ul id="navlist">
[*]Chi siamo
[*]Contatti
[/list]
</div>

<div id="content2">

Siete in: </p>

<?php
Qui ho php che interroga DB e crea la table di N colonne e N righe
?>
</div>

<div id="footer">

</div>
</div>
</body>
</html>

/****CSS******/
#container {
width: 750px;
margin: 0 auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.6em;
color: #666;
background-color: #FFF;
}

#header {
border-bottom: 4px solid #948979;
padding-top: 10px;
clear: both;
margin-bottom: 10px;
}

#content2 {
width: 537px;
margin-left: 180px;
margin-right: 0px;
overflow: auto;
}

#footer {
margin-top: 20px;
clear: both;
background-color:#575352;
padding: 0px 5px 0px 5px;
}

Ciao

**panta1978** · 18-08-2006, 11:27

Originariamente inviato da zr7s
Purtroppo no, sto creando un sito in locale per giocare un pò!

Comunque questo è HTML e CSS

Ciao

Non vedo molte tabelle...

**zr7s** · 18-08-2006, 11:41

Volevo evitare di madare tutto il codice PHP, spero che così possa bastare!!
Grazie ancora

/* HTML */

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>SCE</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1></h1>

</p>
</div>
<div id="navigation">
<ul id="navlist">
[*]Chi siamo
[*]Contatti
[/list]
</div>

<div id="content2">

Siete in: </p>

<?php
Qui ho php che interrogara DB e crea la table di N colonne e N righe

La table la creo qui!!

echo "<table>";
echo "<thead>";

echo "<tr>";

echo "<td ROWSPAN='2' ></td>";
for ($y=0;$y<$nrow_testata;$y++)
{
mysqli_data_seek($result3,($y));
$row_testata = mysqli_fetch_row($result3);
echo "<td COLSPAN= '$na' > ".$row_testata[1]." </td>";

}

echo "</tr>";

echo "<tr>";

for ($x=0;$x<($nrow_testata);$x++)

{
for ($y=0;$y<$na;$y++)
{
echo "<td>$app3[$y]</td>";
}
}

echo "</tr>";

echo "</thead>";

echo "<tbody>";

for ($x=0;$x<$nrow_fiancata;$x++)
{
echo "<tr>";

mysqli_data_seek($result2,($x));
$row_fiancata = mysqli_fetch_row($result2);
echo "<td>$row_fiancata[1]</td>";

for ($y=0;$y<$nrow_testata;$y++)
{
mysqli_data_seek($result5,($h));
$row_t = mysqli_fetch_row($result5);
for ($n=0;$n<$na;$n++)
{
echo "<td>$row_t[$n]</td>";
}
$h++;
}
echo "</tr>";
}
echo "</tbody>";

echo "</table>";

?>
</div>

<div id="footer">

</div>
</div>
</body>
</html>

/****CSS******/
#container {
width: 750px;
margin: 0 auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.6em;
color: #666;
background-color: #FFF;
}

#header {
border-bottom: 4px solid #948979;
padding-top: 10px;
clear: both;
margin-bottom: 10px;
}

#content2 {
width: 537px;
margin-left: 180px;
margin-right: 0px;
overflow: auto;
}

#footer {
margin-top: 20px;
clear: both;
background-color:#575352;
padding: 0px 5px 0px 5px;
}

table {
border: solid 2px #CC6714;
text-align: left;
width: 50%;
margin-bottom: 15px;
}
td {
border: 1px solid #CC6714;
color: Black;
background: White;
text-align: center;
}

thead {
color: White;
background: #CC6714;
text-align: center;
}

table a {
color: Black;
background-color: #FFFFFF;
text-decoration: underline;
/*font-weight: bold;*/
}

table a:hover {
background-color: #FFFFFF;
color: #CC6714;
/*font-weight: bold;*/
text-decoration: underline;
}

**panta1978** · 18-08-2006, 11:54

Originariamente inviato da zr7s
Volevo evitare di madare tutto il codice PHP, spero che così possa bastare!!
Grazie ancora

A me da un errore di PHP, che ho risolto togliendo le righe
[CITE]Qui ho php che interrogara DB e crea la table di N colonne e N righe.
La table la creo qui!![/CITE]

Oltre a ciò, il tuo codice punta ad un tuo database mysql, al quale non posso evidentemente accedere...
Dovresti postare:
1) tutto il codice HTML generato dal file .php, non il file .php
2) il file CSS

**panta1978** · 18-08-2006, 11:55

Originariamente inviato da panta1978
A me da un errore di PHP, che ho risolto togliendo le righe

codice:

Qui ho php che interrogara DB e crea la table di N colonne e N righe.
La table la creo qui!!

Oltre a ciò, il tuo codice punta ad un tuo database mysql, al quale non posso evidentemente accedere...
Dovresti postare:
1) tutto il codice HTML generato dal file .php, non il file .php
2) il file CSS

**zr7s** · 18-08-2006, 12:22

Il css è quello di prima.
Con
overflow: auto;
in IE6 il DIV si posiziona bene e mi fa le barre di scorrimento, mentre in FF si posiziona bene ma non mette barre di scorrimento e la table esce a destra (non fa proprio schifo)

ecco HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Titolo</h1>

note e chi più ne ha ne metta.</p>

</div>
<div id="navigation">
<ul id="navlist">
[*]Home

[*]Chi siamo
[*]Database
[*]Pubblicazioni
[*]Downloads
[*]Contatti
[*]

Piccoli annunci.

Mettiamo delle piccole novità foto. </p>

[/list]

</div>

<div id="content2">

Siete in: [ Home: DataBase]</p>

<table>
<thead>
<tr>
<td ROWSPAN='2' ></td><td COLSPAN= '1' > colA </td><td COLSPAN= '1' > colB </td><td COLSPAN= '1' > colC </td>
</tr>
<tr>
<td>dato1</td><td>dato1</td><td>dato1</td>
</tr>
</thead>
<tbody>
<tr><td>riga1</td><td>2706</td><td>645</td><td>1186</td>
</tr>
<tr><td>riga2</td><td>4723</td><td>1871</td><td>905</td>
</tr>
<tr><td>riga3</td><td>3299</td><td>1094</td><td>1020</td>
</tr>
<tr><td>riga4</td><td>2707</td><td>1753</td><td>769</td>
</tr>
<tr><td>riga5</td><td>602</td><td>1577</td><td>414</td>
</tr>
</tbody>
</table>

</p>

</div>

<div id="footer">

Mio nome e cognome</p>
</div>

</div>
</body>
</html>

Discussione: Table in IE e FF

Strumenti discussione

Ricerca discussione

Visualizza

Table in IE e FF

Re: Table in IE e FF

Permessi di invio