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. Problema con i DIV con altezza 100%
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • A
      alexp User Attivo • ultima modifica di

      questo è il css, se vi puo servire:
      [HTML]@charset "UTF-8";
      body, html {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #999999;
      background-color: #666666;
      background-image: url(../images/bgBody.png);
      background-repeat: repeat-x;
      height:100%;
      }

      #container {
      margin-top: 25px;
      width: 650px;
      margin: auto;
      height:100%;
      }

      #searchBox {
      height:25px;
      text-align:right;
      }

      #header {
      width: 650px;
      height: 100px;
      background-color:;
      background-image: url(../images/bgLogoTop.png);
      background-repeat: repeat-x;
      border-bottom: 2px solid #212121;
      }

      #topMenu {
      height: 20px;
      }

      #flashBox {
      height: 100px;
      background-color: #202020;
      margin-top: 0px;
      margin-bottom: 4px;
      }

      #contentBox {
      width: 650px;
      background-color: #222222;
      height:100%

      }

      #newsBox {
      width:500px;
      background-color:;
      float:left;
      height:100%;
      }

      #newsBoxContent {
      margin: 4px;
      height:100px;
      overflow: visible;
      }

      #bannerBox {
      width: 150px;
      background-color:;
      float:left;
      height:100%;

      }

      #footer {
      float:left;
      width:650px;
      background-color: #444444;
      color: #27BFFE;
      text-align:center;
      padding-top:2px;
      padding-bottom:2px;
      font-size:11px;

      }
      a{
      font-size:11px;

      }[/HTML]

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • A
        alexp User Attivo • ultima modifica di

        ragazzi nessuno mi sa aiutare? 😐

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • K
          karedas Super User • ultima modifica di

          metti al container "height:auto"; e poi aggiungi una nuova proprietà: p{float:left;}. Il codice a livello di foglio di stile è un pò incasinato. L'elemento float per il posizionamento interno non è mai facile da gestire e vedo che l'hai messo un pò qua e un pò la. Ci sono ancora dei problemi non visibili ad occhio nudo ma scovabili con firebugs , ma se ti funziona e ti va bene così dovrebbe andare. (ah non mi funziona il tasto invio della tastiera si vede? =P )

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • K
            karedas Super User • ultima modifica di

            Ah aspetta. Mettendo P come float però ti crea un problema nella disposizione di altri oggetti.Vedo di controllare

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • A
              alexp User Attivo • ultima modifica di

              ho provato mettendo height:auto nel container (sia in quello principale che in quello che contiene i 2 div: quello dei banner e quello delle news) ma è peggio ancora..in quanto quello dei banner resta alto per la sola altezza del banner e il contenuto nel "boxNews" va fuori ugualmente...

              il float:left l'ho messo solo nei 2 box centrali, è l'unico modo per disporli come sono adesso no?

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • I
                il.rappo Super User • ultima modifica di

                prova usando clear:both;

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • A
                  alexp User Attivo • ultima modifica di

                  mettendolo dove?

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • I
                    il.rappo Super User • ultima modifica di

                    Alla fine del div direi 🙂

                    Posso vedere in pvt il codice html così posso dirti bene?

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • A
                      alexp User Attivo • ultima modifica di

                      :Dsi certo, ti linko il sito in PM allora

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • S
                        stucco User Attivo • ultima modifica di

                        Anche secondo me con un clear:both dovresti risolvere il problema

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • A
                          alexp User Attivo • ultima modifica di

                          Ho provato!! ma niente da fare...non funziona 😞 please help me 😞

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          • S
                            stucco User Attivo • ultima modifica di

                            @alexp said:

                            Ho provato!! ma niente da fare...non funziona 😞 please help me 😞

                            Gira anche a me via PM il codice che ci do un'occhiata

                            0 Miglior Risposta Ringrazia Cita Rispondi

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

                              Nessuno ha la risposta?
                              Io ho due die nidificati:

                              Il div padre è di altezza variabile, e il figlio dovrebbe essere al 100% dell'altezza del padre.

                              Se metto però al figlio 100%, questo mi prende il 100% dell'altezza della pagina... azz

                              0 Miglior Risposta Ringrazia Cita Rispondi

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

                                @Dusy said:

                                Nessuno ha la risposta?
                                Io ho due die nidificati:

                                Il div padre è di altezza variabile, e il figlio dovrebbe essere al 100% dell'altezza del padre.

                                Se metto però al figlio 100%, questo mi prende il 100% dell'altezza della pagina... azz

                                Mi succede solo se specifico una altezza non liquida per l'elemento padre. Se metto l'altezza del padre in % va tutto bene.
                                Non è che puoi postare il link della pagina in questione? Forse c'è qualche altro elemento che da fastidio.

                                0 Miglior Risposta Ringrazia Cita Rispondi

                                  1 Risposta Ultima Risposta
                                • B
                                  berry User • ultima modifica di

                                  Girami il link alla pagina in privato

                                  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