Bonjour,
Je n'ai pas fait completement le tour du forum et j'espère que quelqu'un pourra me répondre ou me rediriger vers un sujet lié au mien.
Mon but est le suivant ... J'aimerais faire une presentation (fixe ou fluide) en CSS avec 3 colonne (menu à gauche, contenu des articles au centre, bloc de modules simplifié à droite) ...
J'ai bien regarder les gabaries proposés depuis l'accueil mais rien ne correspond à mes besoins ... j'aimerais que la colonne de droite soit de largeur variable suivant le contenu (largeur du contenu ou 0 si inexistant) et que donc la colonne central s'adapte en conséquence et s'etende sur la droite si il n'y a aucun contenu dans la colonne de droite.
Aussi je me retrouve face un probleme de compatibilité IE/Firefox
Sous IE j'arrive à avoir ce que je veux au moyen d'une bidouille (pas cool c pas ce que je recherche) mais impossible de faire fonctionner le bouzin sous Firefox.
Le code CSS/HTML du body fonctionnant sous IE :
( Remarquez le "height: 1%" du DIV du centre qui fait remonter le texte au niveau des DIV latéraux et le margin-right:auto qui rend le DIV du centre adaptable sur la droite puisque le DIV de droite n'a pas de largeur)
Et ben ca marche pas sous Firefox ... il reclame forcement une largeur pour le DIV de droite et ne prend pas en compte le "margin-right: auto". PLus précisemment le resultat final, avec le "margin-right: auto", est que le DIV central passe derriere le DIV de droite.
J'espère etre clair ...
Si quelqu'un a une idée je suis tout ouie et vous remercie d'avance ...
Je n'ai pas fait completement le tour du forum et j'espère que quelqu'un pourra me répondre ou me rediriger vers un sujet lié au mien.
Mon but est le suivant ... J'aimerais faire une presentation (fixe ou fluide) en CSS avec 3 colonne (menu à gauche, contenu des articles au centre, bloc de modules simplifié à droite) ...
J'ai bien regarder les gabaries proposés depuis l'accueil mais rien ne correspond à mes besoins ... j'aimerais que la colonne de droite soit de largeur variable suivant le contenu (largeur du contenu ou 0 si inexistant) et que donc la colonne central s'adapte en conséquence et s'etende sur la droite si il n'y a aucun contenu dans la colonne de droite.
Aussi je me retrouve face un probleme de compatibilité IE/Firefox
Sous IE j'arrive à avoir ce que je veux au moyen d'une bidouille (pas cool c pas ce que je recherche) mais impossible de faire fonctionner le bouzin sous Firefox.
Le code CSS/HTML du body fonctionnant sous IE :
( Remarquez le "height: 1%" du DIV du centre qui fait remonter le texte au niveau des DIV latéraux et le margin-right:auto qui rend le DIV du centre adaptable sur la droite puisque le DIV de droite n'a pas de largeur)
<style type="text/css">
#l-left{ text-align:left; float:left; width:160px;}
#l-right{ float:right;}
#l-center{ padding:5px 0 5px 5px; background-color :#F6F8F9; margin-left: 160px; margin-right: auto; height:1%; }
</style>
<html>
<head></head>
<body>
<div id="l-body">
<div id="l-left">
<? include( DIR_TEMPLATE . TEMPLATE . "/left.php");?>
</div>
<div id="l-right">
<? include( DIR_TEMPLATE . TEMPLATE . "/right.php");?>
</div>
<div id="l-center">
<? include( DIR_MODULES . $module ."/index.php" ); ?>
</div>
</div>
</body>
</html>
Et ben ca marche pas sous Firefox ... il reclame forcement une largeur pour le DIV de droite et ne prend pas en compte le "margin-right: auto". PLus précisemment le resultat final, avec le "margin-right: auto", est que le DIV central passe derriere le DIV de droite.
J'espère etre clair ...
Si quelqu'un a une idée je suis tout ouie et vous remercie d'avance ...