J'ai hérité de la maintenance d'un site dont toute la mise en page est
faite avec des tableaux. Mon objectif est de passer lentement mais
surement à une mise en page plus légère avec des css.
L'interface actuelle du site est construite autour d'un gabarit général
d'un tableau à trois colonnes :
menu gauche, contenu central, menu droite.
Pour simplifier le site (la mise en page ne doit pas être modifiée) ,
j'ai donc décidé de commencer par créer la feuille de style suivante :
div.gauche {
position:absolute;
width:170px;
top:0;
left:0;
right:auto;
background-color:inherited;
}
div.droite {
position:absolute;
width:170px;
left:auto;
right:0;
top:0;
background-color:inherited;
}
div.centre {
position:absolute;
width:auto;
top:0;
left:175px;
right:175px;
background-color:inherited;
}
ce qui me donne mes trois colonnes, et me permet de supprimer un premier
tableau.
Problème, le contenu du centre est actuellement construit avec des
tableaux de largeur 100%, et ces tableaux débordent sur la droite avec
Internet Explorer. L'affichage est cependant correct sur Firefox, Safari
et Mozilla (100% du bloc central).
Pour simplifier le site (la mise en page ne doit pas être modifiée) , j'ai donc décidé de commencer par créer la feuille de style suivante :
div.centre { position:absolute; width:auto; top:0; left:175px; right:175px; background-color:inherited; } Problème, le contenu du centre est actuellement construit avec des tableaux de largeur 100%, et ces tableaux débordent sur la droite avec Internet Explorer. Comment faire pour corriger cela sur IE ?
-- ******************************************************* Stéphane MORIAUX et son vieux Mac Aide Pages Perso (images & couleurs, formulaire, CHP) http://perso.wanadoo.fr/stephane.moriaux/internet/ *******************************************************
Pascal a ecrit :
Pour simplifier le site (la mise en page ne doit pas être modifiée) ,
j'ai donc décidé de commencer par créer la feuille de style suivante :
div.centre {
position:absolute;
width:auto;
top:0;
left:175px;
right:175px;
background-color:inherited;
}
Problème, le contenu du centre est actuellement construit avec des
tableaux de largeur 100%, et ces tableaux débordent sur la droite avec
Internet Explorer.
Comment faire pour corriger cela sur IE ?
Pour simplifier le site (la mise en page ne doit pas être modifiée) , j'ai donc décidé de commencer par créer la feuille de style suivante :
div.centre { position:absolute; width:auto; top:0; left:175px; right:175px; background-color:inherited; } Problème, le contenu du centre est actuellement construit avec des tableaux de largeur 100%, et ces tableaux débordent sur la droite avec Internet Explorer. Comment faire pour corriger cela sur IE ?