Visualizzazione dei risultati da 1 a 6 su 6

Discussione: div affiancati

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

    div affiancati

    C'è un div site che racchiude 2 div: left e corpo

    div#site{
    height:100%;
    float:left;
    margin:0 auto;
    }


    Il problema è che il div a sinistra (left) non raggiunge la lunghezza del div corpo ma si ferma alla fine del testo che lo contiene, la cosa è segnalata dal bordo arancio che c'è.

    div#left{
    width:241px;
    height:100%;
    float:left;
    margin-left:14px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ec7f11;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ec7f11;
    }

    div#corpo{
    width:530px;
    height:100%;
    float:right;
    margin-right:14px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ec7f11;
    }

  2. #2
    Utente di HTML.it L'avatar di emnlmn
    Registrato dal
    Oct 2008
    Messaggi
    263
    Il comportamento dei div da te descitti è corretto e secondo gli standard.
    Da quanto ne so height:100% funziona solamente se dichiarato per tutti gli elementi genitori, ricorsivamente fino ad <html>, in ogni caso non credo otterresti l'effetto desiderato.

    Prova a descrivere cosa vuoi ottenere e cercheremo di darti una soluzione!

  3. #3
    ciao, nel mentre posso darti il consiglio di semplificare il tuo codice ?
    ad esempio

    codice:
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ec7f11;
    diventa

    codice:
    border-right: 1px solid #ec7f11;
    e cosi con gli altri ..

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    122
    Innanzi tutto grazie per le risposte.

    E' molto semplice quello che vorrei ottenere, come avete visto sia il div left che corpo hanno i bordi quindi si vede molto bene dove finiscono...

    Il div site, dovrebbe essere il div principale del sito che segnala a questi 2 div che la loro altezza deve raggiungere la sua.

    Altrimenti avrei il div corpo più lungo e quindi delimitato dal bordo e a sinistra il bordo dove finiscono i link, finisce e quindi non continua più il bordo...

    Mentre se arrivano entrambi alla stessa altezza cioè quella del div site che li racchiude, posso poi aggiungere sotto il footer del sito per completarlo.

    Attendo vostri suggerimenti.

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

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

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.