Bonjour,
je réalise un modèle de page en css, j'ai un tableau fait en div pour afficher le contenu de mes différentes pas via un include en php, le soucis étant que si la largeur de la page d'include est trop importante le teste s'affiche quand même sur la droite. Comment faire pour empêcher cette sortie de zone? Avec des tableau de mise en forme je le faisais sans aucun soucis mais la :s
Voici ma feuille de style css, la classe concerné est #contenu :
<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
#body-page {
margin-left:auto;
margin-right:auto;
width:975px; height:auto;
}
#banniere-haut {
margin-left:auto;
margin-right:auto;
width:975px;
height:21px;
background: url(img/outils_fond.jpg) no-repeat;
}
#banniere {
margin-left:auto;
margin-right:auto;
width:975px;
height:85px;
}
#menu-droite {
z-index:1;
top:180px;
width:140px;
left:845px;
height:auto;
overflow:visible;
position:absolue;
}
#rubrique-haut {
z-index:4
padding:3px;
top:1px;
width:134px;
left:835px;
height:auto;
overflow:visible;
position:relative;
background-color:#CCCCCC;
}
#rubrique-milieu {
z-index:3;
padding:3px;
top:10px;
left:835px;
width:134px;
height:auto;
overflow:visible;
position:relative;
background-color:#BBBBBB;
}
#rubrique-bas {
z-index:2;
padding:3px;
top:20px;
left:835px;
width:134px;
height:auto;
overflow:visible;
position:relative;
background-color:#FF0000;
}
#fil-ariane {
margin-left:1%;
top:5px;
width:825px; height:auto;
position:relative;
background-color:white;
}
#contenu {
z-index:0;
margin-left:1%;
top:10px;
width:830px; height:auto;
position:absolute;
background-color:white;
}
-->
Partie de ma page de modèle
<!-- Corps de page -->
<div id="fil-ariane"><?php include ("fonction.php"); ?></div>
<div id="contenu">
<!-- Page d'accueil -->
<?php include ("droite.html");
/* Code concernant les différentes rubriques */
/* Page de la rubrique Mairie */
if( $page == "test" and $cat == "mairie"){
include ("envi.htm");
}
?>
</div>
<!-- Rubrique de droite -->
<div>
<div id="rubrique-haut">Recherche<br><input name="Recherche" type="text" size="17"/></div>
<div id="rubrique-milieu"></div>
<div id="rubrique-bas">blabla</div>
</div>
</div>
Si quelqu'un pouvais m'aider!
Merci
Configuration: Windows XP
Firefox 2.0.0.13