Visualizzazione dei risultati da 1 a 9 su 9

Discussione: 3 colonne centrale

  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122

    3 colonne centrale

    Come si fa scrivendo prima il div centrale a farli comparire giusti prima quello sinistra poi centrale e poi destra... serve tenere questo codice per i motori di ricerca...

    <div id="centrale">lorem ipsum</div>
    <div id="sinistra">lorem ipsum</div>
    <div id="destra">lorem ipsum</div>

    come devo impostare il css?

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122
    allora non è possibile mettendo il div centrale prima nel codice... farlo comparire al centro?

    che css devo scrivere?

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non credo che modificare l'ordine possa servire ai motori... Potrebbe servire per migliorare l'accessibilita`, ma si puo` fare anche mediante il link nascosto: "vai al contenuto".

    Comunque quello che chiedi e` possibile in qualche caso. Ecco un esempio con i blocchi laterali a larghezza fissa:
    codice:
    #centrale {
      margin: 0 300px 0 200px;
    }
    #sinistra {
      width: 199px;
      float: left;
    }
    #destra {
      width: 299px;
      float: right;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122
    Non funziona...

    la parte sinistra e destra non stanno allineate con il centro...

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Un po' vaga come risposta ...

    "Non funziona" non dice nulla
    "Non stanno allineate" non specifica come le vorresti ne` come appaiono

    Comunque posta il link, oppure il codice HTML+CSS e il DOCTYPE.
    Devi anche dire in quali browser stai testando.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122
    <!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=utf-8" />
    <title></title>
    <link href="default.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div id="centrale">bla bla</div>
    <div id="sx"></div>
    <div id="dx"></div>
    </body>
    </html>


    ------------------------------------------------

    #centrale {
    width:50%;
    margin: 0 300px 0 300px;
    }
    #sx {
    width: 300px;
    float: left;
    }
    #dx {
    width: 300px;
    float: right;
    }

    ------------------------------------------------
    Le colonne destra e sinistra scendono con il testo non sono allineate con il div centrale...
    Come browser uso firefox

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il tuo layout presuppone che il body sia largo almeno 1200 px. In qualche schermo e` possibile, ma non credo sia la norma.

    E quel width nel #centrale l'hai inventato tu. Toglilo

    Ed eventualmetne prova a diminuire la larghezza delle colonne laterali.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122
    mi spiego meglio...

    allora voglio creare un div centrale che sia il 50 % e a fianco 2 div (sx e dx) invece con larghezza fissa se non va bene 300, metterò 200.
    L'unica cosa che nel codice voglio che il div centrale compaia prima dei div sx e dx..

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    La matematica non e` un'opinione !!
    Non puoi inventarti i numeri a caso. E mescolare unita` di misura differenti e` sempre un azzardo.

    Pero` puoi esprimere tutto in %:
    codice:
    html, body {
      width: 100%;       /* necessario per poter usare le % all'interno */
    }
    #centrale {
      margin: 0 25% 0 25%;
      width: 49.5%;          /* la somma deve essere INFERIORE al 100% per evitare problemi di arrotond. */
    }
    #sinistra {
      width: 25%;
      float: left;
    }
    #destra {
      width: 25%;
      float: right;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2025 vBulletin Solutions, Inc. All rights reserved.