Visualizzazione dei risultati da 1 a 7 su 7

Discussione: altezza dei div

  1. #1

    altezza dei div

    salve a tutti e buone feste

    ho 3 box div "box1", "box2", "box3"

    codice:
    <style>
    #box1 { position:relative; width:100%; }
    #box2 { position:relative; display:table; padding:5px; }
    #box3 ...?
    
    <div id="box1">
    
    <div id="box2">...</div>
    <div id="box3"></div>
    
    </div>
    ora il box3 devo metterlo in basso al box1 come faccio???
    Devo precisare che ho provato con position:absolute ma quando ristringo la finestra poi il box3 va appunto in modo assoluto e quindi va fuori dal box1.

  2. #2
    codice:
    #box3 { 
         position: absolute; 
         bottom: 0;
         width:100%; 
         clear: both;
    }
    Se non funziona è strano. Va visto il codice.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    scusa ma vorrei un'altro consiglio da te e da tutti

    perchè se metto due box div in float left e ristringo la finestra il secondo box mi va sotto al primo???

  4. #4
    Che dimensione hai dato ai due div?
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  5. #5
    per farvi capire meglio vi posto tutto il codice:

    codice:
    <style>
    div#contentAll { position:relative; width:100%; min-width:100%; }
    div#header { position:relative; background-color:#069; border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; margin-left:2.5%; margin-right:2.5%; } 
    div#logo { float:left; margin:10px 0px 10px 10px; }
    div#searchflags { position:relative; height:140px; float:right; }
    </style>
    
    ...
    
    <div id="contentAll"> 
    <div id="header"> 
    <div id="logo">...</div>
    <div id="searchflags">...</div>
    </div> 
    </div>
    ecco qui se ristringo al fienstra il box "searchflags" mi va sotto al box "logo" come posso evitare questo.

    P.S. io vi posto solo una porzione della pagina ma questo problemi me li da su tutti i box fluttuanti.

  6. #6
    Dipende dal contenuto del div id="logo" e del div id="searchflags. Se quando si restringe la finestra, la somma delle larghezze degli elementi contenuti nei div è maggiore, è normale che il div a destra vada sotto quello a sinistra.
    Per evitarlo bisogna attribuire dimensioni relative ai div e agli elementi contenuti.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  7. #7
    quindid evo dare delle dimensioni stabilite sia ai div che a i loro contenuti???

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.