Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    121

    ereditarietà e min-heigth dei div

    Ciao, sto facendo un layout div+css. Ho 2 div flottanti che sono contenuti in un div "padre". Tutti e 3 hanno un'altezza minima fissata. Finchè scrivo del testo che non supera l'altezza nessun problema, mentre se vado oltre (in firefox) si allungano solo i div flottanti mentre il contenitore rimane fermo all'altezza minima. Come posso fare per far seguire anche il div contenitore?

    <div id="box">
    <div id="box-a"></div>
    <div id="box-b"></div>
    </div>

    #box {
    margin: 0px;
    padding: 0px;
    min-height: 155px;
    height: auto !important;
    height: 155px;
    background-color: #BB0050;
    }
    #box-a {
    padding: 0px;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    background-color: #ffe1ee;
    float: left;
    width: 250px;
    margin-top: 7px;
    margin-left: 5px;
    }
    #box-b {
    padding: 0px;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    background-color: #ffe1ee;
    float: left;
    width: 250px;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 8px;
    }


    :master: Qualcuno può aiutarmi?
    grazie
    ciao ciao

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

    Re: ereditarietà e min-heigth dei div

    metti il contenuto nei due div (credo che uno sia il menu e l'altro i testi) e non assegnare nessuna altezza nè al padre (contenitore generale) e nemmeno ai due figli. A che serve dare una height quando si sa che devono essere inseriti dei testi o delle immagini in un box?
    ciao
    "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
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    121
    ciao, mi serve un'altezza minima.

    Questo è il link di prova


    I div che mi interessano sono quelli con scritto prova.
    Una volta inserito il contenuto, se supera l'altezza minima il contenitore non si allunga come succede in IE quindi non si porta dietro il colore di fondo.

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    allora il discorso cambia; credevo fosse un layout classico a 2 colonne. nella pagina che hai linkato tu, il rettangolo fuxia è il "padre" dei 2 box in cui è scritto prova?
    "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
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    121
    esatto

  6. #6
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    allora.....
    segui questo link: http://www.extrowebsite.com/standard.htm

    ho fatto l'esempio simile a quello che mi hai fatto vedere tu;
    la pagina è validata anche!! copiati il coidice.
    Fammi sapere se va bene, ciao
    "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
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    121
    grazie mille, ho provato e va a posto però non capisco questo passaggio:

    width:540px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:520px;


    come mai devo definire due width con voice-family?


    Grazie ancora
    ciao ciao

  8. #8
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    è la regola di tantek (www.tantek.com/);
    per far visualizzare correttamente un box in IE 5 per Win o cmq per quei browser che supportano male il box model.

    ciao
    "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

  9. #9
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    121
    perfetto, grazie mille


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.