Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Header a tre div

  1. #1

    Header a tre div

    Ciao,
    come faccio ad espandere il div centrale?

    Questo è il CSS:
    #C1R1{
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid #000000;
    }
    #C2R1{
    float: left;
    width: auto;
    height: 30px;
    border: 1px solid #FF0000;
    }
    #C3R1{
    float: right;
    width: 30px;
    height: 30px;
    border: 1px solid #000000;
    }

    Questo è il codice:
    <div id="C1R1">a</div>
    <div id="C3R1">b</div>
    <div id="C2R1">c</div>

    Grazie.
    , Lara Forcellini.

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Header a tre div

    ciao
    che vuol dire "espandere il div centrale" ?
    che tipo di struttura vorresti realizzare?
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Volevo fare un header con estremi (C1R1 e C3R1) a larghezza fissa e un div centrale (C2R1) che si espanda e si restringa a seconda della larghezza della finestra o risoluzione dello schermo.
    Ovviamente l'esempio che ho postato è semplificativo io userò degli sfondi per tutti e tre i div.
    Spero di essere stata chiara.
    , Lara Forcellini.

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    se imposti la misura dei div in %? Hai provato ?
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  5. #5
    Ho una dimensione fissa per i due div laterali e non credo abbia senso mettere una percentuale al div centrale.

    , Lara Forcellini

  6. #6
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    ciao Lara, prova a scrivere questo codice:
    #container{
    margin:0;
    padding:0;
    height:30px;
    background:#e6e6e6;
    }

    #C1R1{
    margin:0;
    padding:0;
    float: left;
    width: 32px;
    height: 30px;
    border: 1px solid #000;
    }
    #C2R1{
    margin:0;
    padding:0;
    height: 30px;
    border: 1px solid #FF0000;
    }
    #C3R1{
    margin:0;
    padding:0;
    float: right;
    width: 32px;
    height: 30px;
    border: 1px solid #000;
    }

    e nel <body>:
    <div id="container">
    <div id="C1R1">a</div>
    <div id="C3R1">b</div>
    <div id="C2R1">c</div>
    </div>
    si espande il box centrale.
    Facci sapere.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  7. #7
    Ciao,
    anch'io ero arrivata a questa soluzione, ma non riesco a capire perchè IE e dico solo IE , perchè con gli altri browser non si vede, tra un div e l'altro metta quello spazio bianco. Grrr.
    Grazie, sei molto gentile.
    , Lara Forcellini.

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.