Visualizzazione risultati 1 fino 6 di 6

Discussione: Errore posizionamento layout

  1. #1
    Guest

    Unhappy Errore posizionamento layout

    Io sto facendo un sito a tre colonne (qui)
    usando i css.
    Per posizionare le colonne uso la proprietà float con i seguenti codici:

    #lateraledx {
    float: right;
    width: 216 px;
    border-top: 1px solid #FF0000;
    border-left: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    background-color: white;
    color: black;
    margin: 0;
    padding: 0;

    questa è la laterale destra,


    #lateralesx {
    float: left;
    width: 220px;
    background-color: blue;
    color: white;
    margin: 0;
    padding: 0;
    }

    questa è la laterale sinistra.

    #pub {
    widht: 100%;
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
    margin-top: 10px;
    clear: both;
    }

    e questo è il piè di pagina.
    Però mi vengono le colonne basse sotto i contenuti.. come mai??

    Grazie per l'aiuto!!!

    P.S.
    Il codice css completo è qui

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Nel codice HTML devi mettere le parti relative alle due colonne laterali PRIMA di quella centrali... altrimenti il float non funziona correttamente.

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da dementialsite Visualizza messaggio
    Nel codice HTML devi mettere le parti relative alle due colonne laterali PRIMA di quella centrali... altrimenti il float non funziona correttamente.

    Stammi bene...
    Credo di non aver capito...
    Devo spostare tuttoquello che riguarda le colonne laterali prima di quelle centrali??
    Ultima modifica di ermesferrara : 19-05-2008 alle ore 15.12.19

  4. #4
    Guest

    Predefinito

    Esattamente

  5. #5
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Citazione Originalmente inviato da ermesferrara Visualizza messaggio
    Credo di non aver capito...
    Devo spostare tuttoquello che riguarda le colonne laterali prima di quelle centrali??
    Provo a spiegartelo meglio: usando float su un DIV, questo viene "sganciato" dal flusso normale di testo e inserito lateralmente rispetto al testo seguente. Se però il testo seguente non c'è, come nel tuo caso, succede che resta lo spazio vuoto... per questo devi spostare le due colonne laterali prima di quelle centrali. È più chiaro adesso?

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  6. #6
    Guest

    Predefinito

    Citazione Originalmente inviato da dementialsite Visualizza messaggio
    Provo a spiegartelo meglio: usando float su un DIV, questo viene "sganciato" dal flusso normale di testo e inserito lateralmente rispetto al testo seguente. Se però il testo seguente non c'è, come nel tuo caso, succede che resta lo spazio vuoto... per questo devi spostare le due colonne laterali prima di quelle centrali. È più chiaro adesso?

    Stammi bene...
    Perfetto...
    Grazie mille ragazzi

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •