Bonjour,
j'ai un petit problème de flottant que j'ai résumé de manière la plus simple possible avec le code suivant :
Mon problème est que sous IE6, le div "contenu_texte" passe en-dessous du menu, dès que sa largeur est supérieure à celle de l'ecran (si la largeur est inférieure, ça réagit normalement).
Je pense qu'il s'agit d'un bug lié à IE6.
Existe-t-il une solution de manière à ce que le bloc "contenu_texte" réaigisse normalement dans toutes les situations et ne passe pas sous le menu?
Merci d'avance,
pascal
Modifié par Martala (02 Nov 2009 - 11:20)
j'ai un petit problème de flottant que j'ai résumé de manière la plus simple possible avec le code suivant :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<style type="text/css">
#conteneur_principal{
border : 1px solid red;
height : 100px;
}
#header{
background-color : green;
height : 100px;
}
#menu{
float:left;
width : 210px;
height : 150px;
background-color : blue
}
#contenu_texte{
background-color : orange;
height: 300px;
}
.contenu_texte_ie6{
clear:left;
float : right;
}
#footer{
clear:left;
background-color : yellow;
height : 100px;
width : 100%;
}
</style>
<script src="http://code.jquery.com/jquery-1.3b1.js" type="text/javascript"></script>
<!--[if IE 6]>
<script type="text/javascript">
$(document).ready(function(){
if (($('#contenu_texte').width()+$('#menu').width())>document.documentElement.offsetWidth){
$('#contenu_texte').addClass('contenu_texte_ie6');
}
}
);
</script>
<![endif]-->
</head>
<body>
<div id="conteneur_principal">
<div id="header"></div>
<div id="contenu">
<div id="menu"></div>
<div id="contenu_texte">azfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbbazfghcghcgccccvcbb</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
Mon problème est que sous IE6, le div "contenu_texte" passe en-dessous du menu, dès que sa largeur est supérieure à celle de l'ecran (si la largeur est inférieure, ça réagit normalement).
Je pense qu'il s'agit d'un bug lié à IE6.
Existe-t-il une solution de manière à ce que le bloc "contenu_texte" réaigisse normalement dans toutes les situations et ne passe pas sous le menu?
Merci d'avance,
pascal
Modifié par Martala (02 Nov 2009 - 11:20)
