28172 sujets

CSS et mise en forme, CSS3

bonjour a tous ; je suis entrain de construire une interface pour une application web mais là je suis confronté à un problème de dimensionnement des éléments qui composent la page , un problème de compatibilité sur les divers navigateur . le resultat diffère d'un browser a un autre . Mon but est de construire la page avec des <div> dont les 'height' et 'width' sont en pourcentage . voici mon model :
<div id = "main">
<div id = "head">
....
</div>
<div id = "content">
...
</div>
<div id = "footer">
...
</div>
</div>

j'aimerais que toute la page s'adapte aux dimensions de la fenetre du browser sans aucun overflow pour le document principal mais seulement un sur le "content".

voici un exemple de ce que je veux sur cette page :http://demo.wavemaker.com/WMAPP_EmployeeDirectory/