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. Problemi con float
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • M
      mark.in User • ultima modifica di

      Problemi con float

      Salve a tutti, sto creando un sito in php con un css esterno.
      Il sito è composto in questo modo:

      1 div contenitore
      1 div header
      1 div main con all'interno 3 div, 2 affiancate + 1 in basso
      1 div footer.

      Nel div in basso vorrei aggiungere 4 colonne affiancate della stessa dimensione.
      Ho creato questa regola:

      #down, #down2, #down3, #down4 { float:left; width:25%; padding:5px; }
      
      

      nel php ho aggiunto

      <div id="main">
      <div id="down">esempio</div>
      <div id="down2">esempio2</div>
      <div id="down3">esempio3</div>
      <div id="down4">esempio4</div>
      </div>
      

      Queste 4 colonne non vengono affiancate, con il float:left mi salta anche lo sfondo del div main, se tolgo il float 3 colonne si affiancano e la 4 va a finire giù.

      Dove sbaglio?

      Grazie

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • M
        meis User Attivo • ultima modifica di

        Puoi linkare il sito?

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • M
          mark.in User • ultima modifica di

          Il sito è in locale

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • M
            meis User Attivo • ultima modifica di

            Prova al posto di width:25% a mettere max-width=25%

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • M
              mark.in User • ultima modifica di

              Grazie ho provato, è la stessa cosa, lasciando il float left annulla lo sfondo del div main, togliendolo la colonna 4 scende.
              Questa è la parte del css del main:

              #div main { clear:both; margin-top:15px; margin-bottom:5px; margin-left:auto; margin-right:auto; text-align:center; width:80%; }
              

              Ho creato al volo uno schema del sito, lo allego

              imageshack.us /photo /my-images /338/schemay.jpg

              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