Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15
  1. #1

    div perfettamente affiancati

    Ciao a tutti!

    sono lì lì per risolvere una cosa... penso di averla sulla punta del mouse e invece non riesco! Ed è una sciocchezza lo sento...

    Allora, per esempio:

    - container di 500px

    che contiene

    - content di 400px
    - navigation di 100px

    Solo che dando queste misure il content e il navigation non si affiancano, ma il content "scorre" in basso perchè "non ci sta"!

    Per mantenerli affiancati devo ridurre le dimensioni di uno o dell'altro però in questo modo si forma uno spazio che mi fa vedere lo sfondo e quasto non lo voglio!

    Ma cosa cavolo è che da fastidio??

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Dipende dal browser.
    E dipende da altri fattori.

    In un browser standard la larghezza totale di un oggetto e` data da:
    margin+border+padding+width+padding+border+margin
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    un esempio

    codice:
    <head>
    <style type="text/css">
      #container {
            float       : left;
            width       : 500px;
            border      : 1px #ccc dashed;
      }
      
      #content {
            float       : left;
            width       : 400px;
      }
    
      #navigation {
            float       : left;
            width       : 100px;
      }
    
    </style>
    </head>
    <body>
    
    <div id="container">
        <div id="content">
            
    
    
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In ut velit. 
            Donec adipiscing gravida pede. Integer id neque. Duis diam nunc, ultrices 
            sit amet, eleifend ac, sollicitudin porta, nibh. Nunc a ligula. Phasellus 
            porttitor dui et lorem. Maecenas malesuada elit ac ante. Quisque scelerisque 
            semper nisl. Aenean elementum, lacus a gravida consectetuer, metus dui 
            sodales arcu, ut tristique sapien odio malesuada lorem. Donec ipsum nulla, 
            nonummy sed, tristique quis, mollis vel, elit.
            </p>    
        </div>
        <div id="navigation">
            navigazione
        </div>
    </div>
    
    </body>

    Ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  4. #4
    ...eh sì lo so che dipende anche dai browser...
    però mi sembra proprio strano, lo scarto è piuttosto evidente.

    Ho già dato ai miei "content" e "navigation" margin e padding a 0px ma non cambia nulla, eppure mi sembra impossibile!!!

    :master:

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    hai provato il codice che ho postato?
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  6. #6
    Ho scoperto l'arcano... lo spazio tra i due div si crea nel momento in cui inserisco un'immagine all'interno del div stesso! Fa niente che la misura sia identica a quella che ho dato al div!!

    Ho scoperto qualcosa di nuovo o è storia vecchia?? VVoVe:

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Le immagini a volte vengono fornite di bordo e/o margini/padding dal browser stesso (dipende dal browser - 1 o 2 px in tutto).

    Questo non succede se alle immagini definisci esplicitamente
    border:0; margin:0; padding:0;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    ... niente, non ci sono borde, nè margin e nè padding che tengano!
    Con IE devo abbondare nelle misure per affiancare i div e cmq resta sempre uno spazio!

    Per dire container 500px, navigation 100px, content 400px.
    Per affiancarli devo mettere content a 390px (per esempio) se faccio 391px scende e se faccio 390px si crea lo spazio!

    Invece Mozilla funziona perfettamente come la matematica!

    Questo scherzo capita appena inserisco un'immagine nel content (nel navigation c'è un file swf).

    Sto diventando pazza!!!

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Potrebbe essere il baco dei tre pixel: trovi le soluzioni con una ricerca nel forum XHTML+HTML (dove sono i vecchi post di CSS).

    Altrimenti siti come constile e sim (riferimenti tra i "link utili") hanno raccolto numerose patch per IE.


    PS: Ma non potresti passare a XHTML Strict? IE6 e` molto meno bacato se il DOCTYPE e` XHTML Strict (senza prologo XML)!
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  10. #10
    ... no no... succede anche senza immagine dentro... MALEDETTO!
    Ho deciso di postare la pagina di test, troppo un casino spiegare:

    http://www.studiocreativo.it/test/test.htm

    all'interno c'è il css che sto usando (un po' ridondante ma sto appunto testando )

    719px del container è la misura minima che devo dare per lasciare i div affiancati (anche se la somma di content e navigation in realtà è 716px), se infatti metto 718, content scorre sotto.


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 © 2025 vBulletin Solutions, Inc. All rights reserved.