Ciao, spero mi possiate aiutare.
Nel div content della mia homepage ho inserito una tabella per visualizzare dei dati.
In ie6 e 7 tutto ok...in firefox la tabella viene posizionata all'altezza del content ma al di fuori ..completamente a destra.
Che devo fa??
Inoltre, che cosa devo usare per centrare la tabella all'interno del div????
grazie a tutti
non so se ho ben inteso cosa intendi fare ma prova con questo :
<div align="center">
<table width="200" border="1">
<tr>
<td>contenuto</td>
</tr>
</table>
</div>
Se questo è quello che vuole (attendiamo conferme) si può vedere di scriverlo un po' meglio...Originariamente inviato da NoMartinaNoPart
<div align="center">
<table width="200" border="1">
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
Sì....ma la tabella è all'interno del div content....
tipo:
<div id="content">
<table width="200" border="1">
<tr>
<td>contenuto</td>
</tr>
</table>
</div>
qual è la scrittura migliore ricman?
e poi...come risolvo il problema di firefox...che mi mette la tabella totalmente al di fuori del div content??
grazie mille
Una cosa del genere:Originariamente inviato da angie_iu
qual è la scrittura migliore ricman?
E poi gestisci gli elementi (table, tr, td, #content) dal css esterno.codice:<div id="content"> <table> <tr> <td>contenuto</td> </tr> </table> </div>
Cosa hai associato al content? (intendo i css)Originariamente inviato da angie_iu
e poi...come risolvo il problema di firefox...che mi mette la tabella totalmente al di fuori del div content??
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
per il content nel css ho indicato solo i margini
1em 1em 1em 1em
Un codice del genere non ti funziona?Originariamente inviato da angie_iu
per il content nel css ho indicato solo i margini
codice:#content { margin: 1em 1em 1em 1em; border: 1px solid green; } table { border: 1px solid red; width: 50%; } HTML <div id="content"> <table> <tr> <td>contenuto</td> </tr> </table> </div>
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
in ie6 e 7 sì... in firefox no...
e in ie in più non so come centrare la tabella all'interno del div
Io uso FF... forse è meglio se mi riporti il tuo codice o mi passi un link da vedere...Originariamente inviato da angie_iu
in ie6 e 7 sì... in firefox no...
Modifica il codice che ti passato prima così:Originariamente inviato da angie_iu
e in ie in più non so come centrare la tabella all'interno del div
codice:table { border: 1px solid red; width: 50%; margin: 0 auto; }
Fantasupermegafavolipermeramagicultra irresistibili
4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!
"... a quell'età ... bastava un dito per fare la pace ..."
fotine
IL CODICE HTML è IL SEGUENTE:
Mentre il CSS è:<body>
<div id="container">
<div id="header"></div>
<div id="hormenu">
<h3><ul>
[*]Chi siamo
<ul>
[*]Congrega Carità Apostolica[*]Fondazione Gaetano Bonoris[*]Fondazione Luigi Bernardi[*]Fondazione G. a A. Folonari[*]Fondazione A. Cottinelli[/list]
[/list]
<ul>
[*]Istituzionale
<ul>
[*]Comitato[*]Confratelli
[*]Organigramma[*]Sede
[/list]
[/list]
<ul>
[*]Contatti
[/list]
<ul>
[*]Come raggiungerci
[/list]
</h3>
</div>
</div>
<div id="footer">Congrega della Carità Apostolica, Via Mazzini 5 25121 - Brescia (BS) ::: C.F. 80008730170 </div>
<div id="sottofooter"> 2007 Tutti i diritti riservati Credits
</div>
</div>
</body>
html,body{
margin: 0;
padding:0;
height:100%;}
body{font-family: helvetica, arial,sans-serif;
font-size: 76%;
text-align: center}
div#container{
position:absolute;
width: 760px;
height: 550px;
top:50%;
left:50%;
margin-top: -275px;
margin-left: -380px;
text-align:left;
border: 1px solid #3c4309
}
div#header{
width:760px;
height:229px;
background: url(immagini/header_03.gif);
border-top: 1px solid #3c4309;
text-align:center;
}
div#content {
padding: 1em 1em 1em 1em;
}
table {
width:50%;
margin: 0 auto;
}
div#hormenu {
width: 760px;
height: 20px;
background-color:#E8ECC8;
border-bottom: 1px solid #3c4309;
float:left;
}
div#footer{
position: absolute;
bottom:0;
width: 760px;
height: 15px;
background-color: #F36916;
border-top: 1px solid #3c4309;
color: #fff;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#e7edbb;
white-spacere;
}
div#sottofooter{
position:absolute;
margin-left:auto;
bottom:-30px;
padding:0;
white-space
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
color:#999999;
text-align:center;
}
/*stili generici, su header e footer*/
h1,h2, h3{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;}
/*stili per la navigazione*/
div#hormenu ul {
margin: 0;
padding:0;
list-style-type: none;
}
div#hormenu li {
width:189px;
height:20px;
float:left;
margin: 0;
padding: 0;
border-right: 1px solid #999999;
color:black;
}
div#hormenu a {
display: block;
padding: 3.5px;
color: #000;
text-decoration: none;
}
div#hormenu a:hover {
background-color: #F3AB3F;
height:12.5px;
color: #000;
text-decoration: none;
border:none;
}
div#hormenu li ul {display: none;
}
div#hormenu li:hover ul {
display: block;
position: absolute;
z-index:0;
width:189px;
padding: 0;
margin: 0 0 0 -1px;
background: white;
border-bottom:#999999 1px solid;
border-right:#999999 1px solid;
border-left:#999999 1px solid;
}
div#hormenu li li {
border-bottom: 1px dotted #CCCCCC;
width: 189px;}
div#hormenu li li a {
padding: 5px 5px 5px 10px;
line-height: 15px;
z-index: auto;
}
div.BORDI
{
width: 320px;
}
div.CONTENUTO
{
background-color: #F3F3F3;
color: #000000;
width: 310px;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
/* CREAZIONE DEGLI ANGOLI SMUSSATI */
span.TOP, span.BOTTOM
{
display: Block;
background-color: #FFFFFF;
}
span.TOP span, span.BOTTOM span
{
display: Block;
overflow: Hidden;
background-color: #F3F3F3;
height: 1px;
}
span.RIGA1
{
margin: 0 5px;
}
span.RIGA2
{
margin: 0 3px;
}
span.RIGA3
{
margin: 0 2px;
}
span.TOP span.RIGA4, span.BOTTOM span.RIGA4
{
margin: 0 1px;
height: 2px;
}
h4 {
font-size:12px;
font-weight:bolder;
}
Permessi di invio
Rispondi quotando