mise en page ne fonctionne pas en html/css

J'ai un problème en essayant de déplacer div de la page en fonction de la taille de l'écran ..mise en page ne fonctionne pas en html/css

J'ai obtenu mes pages (le code comme ci-dessous) afficher correctement la largeur mais peut ne semblent pas obtenir la hauteur correcte lorsque l'utilisateur redimensionne la page.

Ce que je suis en train de faire est ..

un en-tête qui est affiché dans la partie supérieure
une page sur la gauche qui aura un menu dans ce
une page à la droit qui affiche le texte de la page
un pied de page à travers le fond

sample of what I am tring to do

Mes pages ressemble à ceci ci-dessous:

index.htm:

<style type="text/css"> 
    body{ 
    margin:0; 
    padding:0px; 
    line-height: 1.5em; 
    padding-bottom:10px; /* Height of the footer */ 
    } 

    #topsection{ 
    background: #EAEAEA; 
    height: 90px; /*Height of top section*/ 
    } 
</style> 


    <!-- top --> 
    <div id="topsection"> 
     <div> 
      This is the top 
     </div> 
    </div> 


    <!-- Left side --> 
    <div ID="left" STYLE="width:260px; left:0px; height:90%; float:left;"> 
     <iframe src="test.htm" NAME="menu" width="270px" height="100%" frameborder="0"></iframe> 
    </div> 

    <!-- right side --> 
    <div ID="right" STYLE="height:90%; left:0px; float:left;"> 
     <iframe src="test1.htm" NAME="right" width="100%" height="100%" frameborder="0"></iframe> 
    </div> 

    <!-- footer --> 
    <div ID="foot" STYLE="height:10%; left:0px; top:90%; float:left;"> 
     <iframe src="foot.htm" NAME="footer" width="100%" height="100%" frameborder="0"></iframe> 
    </div>

test.htm:

<body bgcolor="#808080">

Test1.htm:

<body bgcolor="#88888888"> 
right side text

foot.htm :

<body bgcolor="#9999999"> 
This is a footer

Source

2012-07-06 Aaron

faites ceci pour la barre supérieure et pied de page. espoir pourrait fonctionner dans votre cas.

#topsection{ 
     position:fixed; 
................ 
     } 
    #foot{ 
position:fixed; 
................ 
}

Source

2012-07-06 07:41:53

C'est exactement ce que vous cherchez. Fixed header and footer

Source

2012-07-06 07:43:27

Votre tête:

#topsection{ 
    position:absolute; 
}

Votre pied de page:

#foot{ 
    position:absolute; 
}

vous devez utiliser absolue Je pense que

Voici quelques plus d'informations sur la position 'tag' dans css

http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

Source

2012-07-06 07:47:37 Liquid

mise en page ne fonctionne pas en html/css

Répondre

Questions connexes