Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Affincare DIV

  1. #1

    Affincare DIV

    SAlve a tutti ho un problema.. Ho 2 div affiancati, uno che fa da menù e l'altro per il testo. Sotto è presente un foot. il div del testo ha dimensioni variabili, però se questo div si allunga va sopra il foot, che invece dovrebbe abbassarsi.
    Vi posto il codice

    CSS:
    Codice PHP:
     @charset "utf-8";
    /* CSS Document */
    body{
            
    background-image:url(../images/Back.jpg);
    }
    #wrapper{
        
    width:900px;
        
    height:auto;
            
    background-color:white;
    }
    #cont{
            
    width:100%;
            
    height:100%;
    }
    #header{
        
    width:900px;
        
    height:146px;
        
    background-image:url(../images/Header.jpg);
            
    background-repeatno-repeat;
    }
    #article{
            
    width:900px;
            
    height:auto;
    border:green solid 1px;
    }
    #nav{
        
    width:246px;
        
    height:480px;
        
    background-image:url(../images/Navigator.jpg);
            
    background-repeatno-repeat;
    }
    #navList{
            
    width140px;
            
    height:100%;
            
    margin-left:22px;
            
    padding-top:8px;
            
    padding-left:22px;
            
    line-height:20px;
    }
    #corpo{
        
    width:650px;
        
    height:auto 0px;
            
    width:630px;
        
    height:auto;
            
    float:right;

            
    padding-left:20px;
            
    font-familyVerdanaGenevaArialHelveticaSans-Serif;
        
    font-size11px;
    border:red solid 1px;
    }
    #footer{
        
    width:900px;
        
    height:22px;
        
    background-image:url(../images/Foot.jpg);
            
    background-repeatno-repeat;

    codice html:
    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language?>" lang="<?php echo $this->language?>" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <jdoc:include type="head" style="" />

          <link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />
            <link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
        
            <link rel="stylesheet" type="text/css" href="templates/template/css/template.css" />
    </head>

    <body>
        
    <div id="cont" align="center">
        <div id="wrapper" align="left">
                <div id="header">
            
                </div>
           <div id="article">
                <div id="corpo">
                    <jdoc:include type="component" style=""/>
                </div>
                <div id="nav">
                        <div id="navList">
                            <jdoc:include type="modules" name="left" style=""/>
                        </div>        
                </div>
          </div>
                <div id="footer">
                            <jdoc:include type="modules" name="bottom" style=""/>
                </div>
              
            </div>
            
    </div>
    </body>
    </html>
    Come posso fare per risolvere??

    il problema è visionabile a questo sito http://www.asscattnoisoci.it/la-nostra-storia.html

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    40
    forse sto per dire una scemenza, ma hai provato a vedere se succede lo stesso mettendo "clear: both;" nel css del footer?

  3. #3
    Suppongo che questo problema si verifichi con FF, giusto?
    Se imposti un'altezza fissa (e 100% in questo caso è fissa), FF allunga l'elemento ma fa uscire fuori il contenuto

    Vedi se così si risolve:
    codice:
    #cont{
            width: 100%;
            height: auto !important;
            height: 100%;
            min-height: 100%;
    }

  4. #4
    ho aggiunto il clear: both e va perfettamente...

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