Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    3

    Ordine elementi del tema

    Ciao ragazzi. E' il mio primo post e spero di aver scritto nella sezione giusta (ero indeciso con quella dei CSS).
    Dunque, il mio tema a 3 colonne ha questa struttura (non considerando l'header iniziale e il footer finale):

    (div body)
    (div main)
    (div sidebar sx)(/div sidebar sx)
    (div sidebar dx)(/div sidebar dx)
    (div content)
    (/div content)
    (/div main)
    (/div body)

    i css relativi a quegli elementi sono questi:

    #main {
    width: 970px;
    float: center;
    background-color: #141414;
    min-height: 1100px;
    }

    body {
    clear:both;
    background-color: #000000;
    background-repeat: repeat-y;
    background-position: center;
    font-family: Tahoma, Verdana, Sans;
    color:#bdbaba;
    font-size: 12px;
    margin: 0;
    padding: 0;
    }

    #content {
    background-image: url(/images/sfondo_content.png);
    background-repeat: repeat-y;
    text-align: justify;
    margin-left: 210px;
    margin-right: 210px;
    padding-left: 25px;
    padding-right: 25px;
    }

    /* Sidebar 1 */
    #menu {
    float: left;
    text-align: left;
    width: 200px;
    padding-left: 8px;
    }
    /* Fine sidebar 1 */

    /* Sidebar 2 */
    #menu2 {
    float: right;
    padding-right: 13px;
    width: 203px;
    text-align: center;
    }
    /* Fine sidebar 2 */

    avendo 2 sidebar piuttosto lunghe e avendo letto che nella pagina HTML è meglio (per i motori di ricerca) avere il content più in alto possibile, come faccio a spostare il content sopra alle sidebars?
    Invertendo gli elementi, le sidebars mi iniziano all'altezza della fine del content.

    Scusate per le domande che per alcuni saranno più che banali, ma non sono di certo un esperto.

    Aiutatemi per favore
    Grazie
    Marco

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Benventuo in questo forum.

    Anzitutto una nota sull'uso del forum stesso.

    Esistono i tag VB, che servono per formattare parti del post: per i codici vanno usati gli appositi tag, che puoi inserire mediante i pulsanti # o php (sopra l'area di testo): con tali tag non viene persa la formattazione (e risultano piu` leggibili)


    E vengo alla tua domanda:
    Ci sono in rete molti esempi di layout formattati bene; alcuni li abbiamo riportati tra i "link utili". Prova a vedere se trovi quello che fa per te.

    Comunque se e` solo per anticipare il content rispetto alle sidebar, il tuo codice gia` lo dovrebbe fare, ma devi togliere le cose che non hanno senso, tipo il float:center (che non esiste). Comunque il main non deve essere floattato, ma eventualmente centrato tramite i margini automatici (in tal caso il body e l'html devono avere width:100% ).
    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.