28173 sujets

CSS et mise en forme, CSS3

Empecher certains blocs de défiler

Bonjour, dans la page que je réalise, j'ai 2 listes qui me servent de menu haut et de menu gauche de ma page. J'aimerai que ces 2 menus restent affichés en permanence lorsque le contenu du corps de ma page défile. Est-ce possible avec les css? et comment?
Je crois plutôt qu'il s'agit d'une question concernant la position "fixed"... Comme elle ne marche pas partout peut-être est-il préférable, si tu tiens absolument à cet effet, d'affecter un overflow:scroll sur la partie contenu, mais j'en vois pas du tout l'intérêt.... le visiteur sait très bien où est le menu. Rajoute plutôt là où il faut des "remonter au menu" ancrés.
J'avais déjà vu ca gege en fait et c'est ce que j'avais fait dans un premier temps.

Mais j'aurai préféré la solution qui doit correspondre à position : fixed
Apparemment elle ne marche pas partout, ca veut dire pas sur tout les navigateurs c'est ca? Dans ce cas là avec quels navigateurs ca marche?
Ca ne marche pas avec IE (qui est le principal 70%)

Essai avec ça :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>

<style type="text/css">


html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header {
background-color: #99CCCC;
width: 100%;
height: 20%;
}
#menu {
position: absolute;
left:0;
background-color: #99CCCC;
width: 200px;
height: 80%;
}
#contenu {
height: 80%;
width: auto;
margin: 0;
padding: 0;
background-color:#9999CC;
margin-left: 200px;
overflow: auto;

}

</style>
</head>

<body>

<div id="header">ici le Header </div>
<div id="menu">ici le Menu<br /> </div>
<div id="contenu">Ici contenu</div>
</body>
</html>


A+
Sujet clos
Aller à