Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    centrare duna tabella ed un div

    ciao, sarò l'ora, sarà che con i css devo ancora abatterci per bene la testa, ma...
    aiutatemi.
    http://www.perissin8.com/css/ date un occhio a questa pagina.

    - con explorer la tabella azzurra risulta in centro con FF no perchè? come faccio a centrarla?

    - il testo ciao è contenuto all'interno di un <div> perchè non riesco ad associare nessuna caratteristiche che ho dato al foglio di stile?

    CSS
    body {
    font-family:Verdana,Trebuchet MS,Arial,sans-serif,Helvetica; font-size: 12px; color:#000000;
    text-align:center;
    margin: 0px;
    padding: 0px;
    background-image: url('img/bg.gif');
    background-position: 50% 0px;
    background-repeat: repeat-y;
    }

    .test2 {
    background-color: #336699;
    border: 5px solid #222;
    width: 600px;
    }
    .test3 {
    width: 600px;
    margin: 0px auto;
    text-align: left;
    border-right: 10px solid #b3bbc1;
    border-left: 10px solid #b3bbc1;
    margin:0 auto;
    }


    HTML
    <body>
    <div class="test3">
    <div id="alig_sinistra">
    ciao 555
    </div>
    </div>
    <table class="test2">
    <tr>
    <td></td>
    </tr>
    </table>
    </body>

    per finire, non capisco esattamente quando si usa
    .valore{
    piuttosto che
    #valore{
    Perissinotto Alessandro

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    perchè è FF quello che ha ragione. Tu hai dato margin: 0 auto a un div contenitore, ma se la tabella non è contenuta all'interno di questo div, è logico che non ti andrà centrata.
    Per centrare orizzontalmente un layout di solito si imposta un div "padre" con proprietà margin: 0 auto;

    #valore è un ID, ovvero un identificatore univoco del'elemento. Può essere utilizzato una volta soltanto nella pagina web.
    .class è una classe, e può essere applicata più volte nella pagina.

    Cyà

  3. #3
    bene, esperimento riuscito!

    ora ti chiedo;
    - sarebbe meglio fare tutto con i div o misto a tabelle?
    - io devo realizzare un'impaginato tipo quello che vedi con una parte centrata e le bande laterali. la cosa più semplice mi è sembrata quella di mettere uno sfondo sempre centrato e il div in centro alla pagina! ho notato però che nel ridimensionamento a volte c'è uno scarto di un px in base se la dimensione della finestra è pari o dispari. forse era meglio crare 3 box e mettere i bg in quelli laterali? se si... io ho provato, ma non riesco a dare un 100% all'altezza del dix per fare questa operazione con IE va, con FF no.

    Fatemi sapere che ne pensate
    Perissinotto Alessandro

  4. #4
    aggiungo....
    se vedete la pagina http://www.perissin8.com/css/ noterete che il "banner" non è a filo con la fascia grigia. sia su IE che si FF
    che diamine ho combinato?
    Perissinotto Alessandro

  5. #5
    suvvia... nessun consiglio utile?
    Perissinotto Alessandro

  6. #6
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da Alessandro Per
    suvvia... nessun consiglio utile?
    ehm ... capisco che su questo forum siamo in tanti, ma sai, si lavora anche ...

    allora, partiamo da un concetto fondamentale: le tabelle sono elementi atti a contenere dati in corrispondenza riga/colonna. Non è corretto utilizzarle per la costruzione del layout. Detto questo, ti dovrebbe risultare anche chiaro come procedere nella costruzione di un sito.
    Per il link che hai postato, quindi, innanzitutto reimpostalo evitando le tabelle.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.