Bonjour,
Comme beaucoup, je jette à la poubelle le frameset effectuant l'agencement du portail que je réalise pour partir sur un positionnement pure CSS. L'agencement reste classique, un bandeau en haut de page, un bandeau bas qui colle au bas de la fenêtre et le contenu du site dans l'espace restant vacant (qui s'étire verticalement du bas du bandeau haut et haut du pied et prend 100% de la largeur de la fenêtre).
Par contre pour des contraintes propres à mon projet, je conserve des iframes pour afficher le contenu de trois zones du portail.
J'ai réussi à agencer correctement mon portail sous Firefox 1.0 mais pas avec IE 6. J'ai lu pas mal de sujets parlant de cette problématique, l'article de POMPAGE sur les pieds de page. J'ai essayé différentes solutions (celle avec le min-height) mais aucune ne fonctionne.
La particularité dans mon cas est d'avoir une hauteur fixe du bandeau haut et du pied qui doit coller le bas de la page. Je ne peux utiliser de hauteur en % pour le bandeau et le pied. Le contenu du portail doit donc s'étendre dans la place restante qui peut bien sur évoluer en fonction de la taille de la fenêtre.
Voici le body de mon code HTML :
et ma CSS d'agencement qui fonctionne sous FireFox:
Sous IE, le pied colle bien au bas de la fenêtre mais par contre le contenu du portail n'occupe pas tout l'espace vacant entre le pied et le bandeau.
Qq a-t-il une idée pour y remédier ?
D'autre part sous IE, j'ai une barre de scrolling inactive qui apparait sur tout la page. Elle ne sert à rien donc si ce n'est qu'occuper de l'espace inutile.
Merci d'avance de tout aide précieuse...
Modifié par Juan Lucky (14 Oct 2005 - 10:44)
Comme beaucoup, je jette à la poubelle le frameset effectuant l'agencement du portail que je réalise pour partir sur un positionnement pure CSS. L'agencement reste classique, un bandeau en haut de page, un bandeau bas qui colle au bas de la fenêtre et le contenu du site dans l'espace restant vacant (qui s'étire verticalement du bas du bandeau haut et haut du pied et prend 100% de la largeur de la fenêtre).
Par contre pour des contraintes propres à mon projet, je conserve des iframes pour afficher le contenu de trois zones du portail.
J'ai réussi à agencer correctement mon portail sous Firefox 1.0 mais pas avec IE 6. J'ai lu pas mal de sujets parlant de cette problématique, l'article de POMPAGE sur les pieds de page. J'ai essayé différentes solutions (celle avec le min-height) mais aucune ne fonctionne.
La particularité dans mon cas est d'avoir une hauteur fixe du bandeau haut et du pied qui doit coller le bas de la page. Je ne peux utiliser de hauteur en % pour le bandeau et le pied. Le contenu du portail doit donc s'étendre dans la place restante qui peut bien sur évoluer en fonction de la taille de la fenêtre.
Voici le body de mon code HTML :
<body>
<iframe id="header" src="header.html"></iframe>
<iframe id="content" src="content.html"></iframe>
<iframe id="footer" src="footer.html"> </iframe>
</body>
et ma CSS d'agencement qui fonctionne sous FireFox:
* {margin:0px;
padding:0px;}
html {height:100%;}
body {height: 100%;}
iframe#header{
position:absolute;
top: 0px;
left: 0px;
width:100%;
height:90px;
}
iframe#content{
position:absolute;
top:90px;
bottom:40px;
width:100%;
}
iframe#footer{
position:absolute;
width:100%;
height: 40 px;
bottom:0 ;
}
Sous IE, le pied colle bien au bas de la fenêtre mais par contre le contenu du portail n'occupe pas tout l'espace vacant entre le pied et le bandeau.
Qq a-t-il une idée pour y remédier ?
D'autre part sous IE, j'ai une barre de scrolling inactive qui apparait sur tout la page. Elle ne sert à rien donc si ce n'est qu'occuper de l'espace inutile.
Merci d'avance de tout aide précieuse...
Modifié par Juan Lucky (14 Oct 2005 - 10:44)