Visualizzazione dei risultati da 1 a 4 su 4

Discussione: altezza div verticale

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    314

    altezza div verticale

    ciao a tutti,
    ho una div (box1) all'interno di un contenitore che a sua volta contiene una div (base box1) e una terza div (sx). Visto che la div (box1) è una div che varia di altezza in base al contenuto, vorrei che la div (sx) abbia la stessa altezza della div (box1).
    Allego l'img della pagina per spiegarmi meglio.
    Grazie
    Immagini allegate Immagini allegate
    felix

  2. #2
    Ti basta racchiudere il box "sx" e il "box1" all'interno di uno stesso div.


  3. #3
    Originariamente inviato da Simo990
    Ti basta racchiudere il box "sx" e il "box1" all'interno di uno stesso div.

    no,non credo che così vada bene.

    devi fare questa cosa: il contenitore deve contenere soltanto box1 e box sx. base box 1 va messo fuori dal contenitore(io faccio così). e al contenitore nell css aggiungi questa riga:

    #contenitore{
    overflow:hidden;
    }

    e al base box:

    #basebox{
    clear:both;
    }

    e qui giunge la terribile rivelazione: ciò che tu vuoi non è altro che u'immagine di sfondo applicata al contenitore fatta ripetere solo verticalmente,cioè soltanto per la larghezza del menu :

    larghezzamenu X 1px.

    in caso nn fosse chiaro ecco il css:

    #container{
    margin:0 auto;
    width:1024px;
    overflow:hidden;
    background:#ffffff;
    }

    #logo{
    width:1024px;
    margin:0 auto;
    background:url("/site/imgs/logo.png");
    height:350px;
    cursorointer;
    }

    #textermenu{
    width:250px;
    float:left;
    background:transparent;
    }

    div#texter{
    width:774px;
    float:right;
    }

    #footer{
    font-size:12px;
    width:1022px;
    margin:0 auto;
    background:#ffffff;
    margin-top:1px;
    clear:both;
    padding:1px;
    }

    l'html:

    <body>

    <div id="logo"></div>

    <div id="container">
    <div id="textermenu">

    </div>

    <div id="texter">

    </div>

    </div>
    <div id="footer"></div>
    <body>

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2002
    Messaggi
    314
    grazie a tutti e due per l'aiuto.
    Alla prossima
    felix

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.