Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. layout a colonne: cosa sbaglio?
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • D
      depi User Attivo • ultima modifica di

      layout a colonne: cosa sbaglio?

      Ciao ragazzi,

      mi trovo ad avere delle pagine coi css con il classico problema dei Div che non terminano "assieme"

      Eppure mi sembra di avere seguito le indicazioni correttamente...ma evidentemente così non è!!:?

      Qualcuno mi sa dire dove sbaglio?

      Es. Pagina semplice: hotel-excelsior.it/italiano/last.asp

      CSS: hotel-excelsior.it/stili.css

      Grazie

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • J
        jess User Attivo • ultima modifica di

        Succede perché la colonna left è più lunga della colonna right e non c'è specificato alcuna height per il div low che li contiene. O aumenti il contenuto nella colonna destra, o specifichi un height per il div low.
        Oppure usa il float e un width per la colonna destra, togliendo la posizione absolute a quella sinistra:

        #left {
        width: 200px;
        background-color: #feedd5;
        }

        #right {
        float: right;
        width: 700px;
        }Probabilmente ci sono ancora altri modi per sistemare le cose, ma questi 3 sono le prime che mi vengono in mente.

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • J
          jess User Attivo • ultima modifica di

          A si, c'è un quarta soluzione senza dover specificare la larghezza della colonna sinistra. Scrivi la colonna left nel html prima della colonna right. Togli la posizione absolute della colonna left e metti float: left.

          #left {
          width: 200px;
          background-color: #feedd5;
          float: left;
          }

          #right {
          margin-left: 202px;
          }

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • D
            depi User Attivo • ultima modifica di

            Perfetto, grazie.

            La terza soluzione, leggermente adattata nelle misure di larghezza, sembra essere quella che maggiormente confà con le mie esigenze...

            ciao

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            Caricamento altri post
            Rispondi
            • Topic risposta
            Effettua l'accesso per rispondere
            • Da Vecchi a Nuovi
            • Da Nuovi a Vecchi
            • Più Voti