Newsgroup: it.comp.www.html
Titolo: Spostare tabella verso destra con CSS

Ciao a Tutti,
in una pagina web, ho uno sfondo con delle piccole immagini in verticale sul 
margine sinistro
dello schermo (la cui propriet� nel foglio di stile � background-repeat:
repeat-y;), fin qui tutto bene!
Ora, ho una tabella madre, contenente delle tabelle annidiate all'interno di
essa, che viene posizionata nel mezzo dello schermo, solo che lo spazio
libero a destra � maggiore che a sinistra, in quanto a sinistra lo sfondo
mostra le piccole immagini verticali.
Ho provato a spostare la tabella madre con:
<table id="TablePosition" border="" width="70%">
e nel foglio di stile con
Style.css
#TablePosition{
    margin-left: 10%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}
ma non ottengo nessun risultato positivo.
Esite una soluzione a questo? Grazie in anticipo per qualunque risposta!
Nemo
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 Esite una soluzione a questo? Grazie in anticipo per qualunque risposta!
cosi ad istinto mi viene da chiederti se la tabella e' in un div 
contenitore..
puoi postare piu codice da qualche parte? 


 --
No, la tabella non � in un <div></div>.
Non sono molto pratico con i div.
Scrivo qui di seguito l'intero contenuto del file Style.css
/****************************************************************************
 SELETTORI
****************************************************************************/
body, p, h1, h2, h3, h4, h5, h6, table, td, th, li, ul, ol, table {
 font-family: arial, sans-serif;
 color : #000000;
 font-size : 13;
 line-height: 14pt;
}
BODY{
 margin-left : 1.5cm;
 margin-right : .5cm;
 margin-bottom : .4cm;
 margin-top : 0cm;
 padding : .3cm;
 background-color: #63957c;
 background-attachment: fixed;               /*=== scroll; fixed; ===*/
 background-image: url(Sfondo2.png);    /*=== none; url(picture.jpg); ===*/
 background-repeat: repeat-y;                /*=== no-repeat; repeat-y 
(vert.), repeat-x (horiz.); ===*/
 SCROLLBAR-FACE-COLOR: #99cc99;
 SCROLLBAR-HIGHLIGHT-COLOR: #99cc99;
 SCROLLBAR-SHADOW-COLOR: #000000;
 SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
 SCROLLBAR-TRACK-COLOR: #71d56c;
 SCROLLBAR-DARKSHADOW-COLOR: #71d56c;
 SCROLLBAR-ARROW-COLOR: #9C5050;
}
HR{
 color:green;
 width:680;
 height:1;
 align:center;
}
P{
 color: ;
 margin-left: 1%;
 margin-right: 1%;
 margin-top: 1%;
 margin-bottom: 1%;
}
Table {
 margin-left: 0px;
 margin-right: 0px;
 text-indent: 0px;
 text-align: left;
}
/****************************************************************************
 A
****************************************************************************/
A:LINK{
 text-decoration : none;
 color : darkblue;
     }
A:VISITED{
 text-decoration : none;
     }
A:ACTIVE{
 text-decoration : none;
 }
A:HOVER{
 text-decoration : underline;
 font-weight : none;
 color : #c71585;
 background-color : none
 }
/****************************************************************************
 CLASSES
****************************************************************************/
.picture{
 font-family : Arial,Helvetica,Verdana;
 font-size : 12;
 line-height: 17pt;
}
/****************************************************************************
 IDs
****************************************************************************/
#ParagrafoTitolo{
line-height: 8pt;
}
#ParagrafoTesto{
 color: #000066;
 margin-left: 4%;
 margin-right: 4.5%;
}
#ParagrafoLista{
 color: #000066;
 margin-left: 5%;
 margin-right: 4%;
}
#TablePosition{
 margin-left: 25%;
 margin-right: 0%;
 margin-top: 0%;
 margin-bottom: 0%;
}
--


 Non sono molto pratico con i div.
allora dovrebbe spostarsi...  per� devi considerare la dimensione dei <td>.. 
ecco perche' sembra esserci pi� spazio a destra che a sinistra, se 
visualizzi il bordo della tabella potrai costatare questa cosa... 


 
pi� che altro bisognerebbe vedere il codice della pagina, oltre agli 
stili.
S.
