CSS et mise en forme (verticale Menu fixe + contenu)
5 messages
• Page 1 sur 1
Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics
- madx
- WRInaute occasionnel

- Messages: 303
- Inscription: 19 Juin 2003
CSS et mise en forme (verticale Menu fixe + contenu)
Bonjour,
Je me prend la tête sur un truc tout con (enfin je pense)
Je veux faire une mise en forme basic, colonne de taille fixe a droite pour les menus et 100% en hauteur de la page, et à droite du menu le contenu qui prend toute la largeur et la hauteur de la page.
Simple mon problème est que si on reduit la taille de la page en hauteur je me retrouve avec du blanc en bas et sur le coté.
Voici mon code:
le CSS est:
Merci encore de votre aide.
Je me prend la tête sur un truc tout con (enfin je pense)
Je veux faire une mise en forme basic, colonne de taille fixe a droite pour les menus et 100% en hauteur de la page, et à droite du menu le contenu qui prend toute la largeur et la hauteur de la page.
Simple mon problème est que si on reduit la taille de la page en hauteur je me retrouve avec du blanc en bas et sur le coté.
Voici mon code:
- Code: Tout sélectionner
<body>
<div id="conteneur">
<div id="menu">
<a href=""><img src="/images/menu1.gif" alt="menu1" /></a>
<a href=""><img src="/images/menu2.gif" alt="menu1" /></a>
<a href=""><img src="/images/menu3.gif" alt="menu1" /></a>
<a href=""><img src="/images/menu4.gif" alt="menu1" /></a>
<br />
<br />
blabla</a>
<br />
</div>
<div id="contenu">
bla...balb...bla...bla...bla.bla...balb...bla...blabla...balb...bla...bla...bla.bla...balb...bla...bla
</div>
</div>
</body>
le CSS est:
- Code: Tout sélectionner
/* CSS Document */
html,body{
background:#ffffff;
height:100%;
margin:0;
padding: 0;
/*overflow: hidden;*/
}
#conteneur{
height:100%;
width:100%;
}
#menu{
background:#E8CE34;
float:left;
height:100%;
margin:0;
padding:0;
width:120px;
display: inline;
}
/* hide from mac \*/
* html #menu {margin-right: -3px;}
* html #contenu {margin-left: 0;}
/* end hide */
#contenu{
background:#2A4F8F;
height:100%;
margin:0;
padding:0;
margin-left: 0;
}
Merci encore de votre aide.
-

yannouk - WRInaute passionné

- Messages: 2142
- Inscription: 11 Oct 2003
je comprends pas le probleme
si on reduit la taille du conteneur ou si on reduit la taille du navigateur?
blabla</a> cette balise ne s'ouvre nulle part
du blanc en bas et sur le cote, c'est pas normal avec:
html,body{
background:#ffffff;
???
si on reduit la taille du conteneur ou si on reduit la taille du navigateur?
blabla</a> cette balise ne s'ouvre nulle part
du blanc en bas et sur le cote, c'est pas normal avec:
html,body{
background:#ffffff;
???
- madx
- WRInaute occasionnel

- Messages: 303
- Inscription: 19 Juin 2003
si on reduit la taille du navigateur et que l'on scroll vers le bas,on se retrouve avec du blanc sur le contenu avec Ie ou sur tout le bas avec Mozilla.
Ce n'est pas normal car je mets height:100% partout.
Pour blabla c'est une ptite erreur de copier/coller.
Ce n'est pas normal car je mets height:100% partout.
Pour blabla c'est une ptite erreur de copier/coller.
-

BadProcESs - WRInaute accro

- Messages: 2657
- Inscription: 28 Juil 2003
Arf... Tu serais pas en train de passer ton site en XHTML 1.1 par hasard ?
Si c'est le cas, bienvenue au club (des emm*****)... Moi j'ai passé une journée (sic !)rien que pour bien positionné tous mes cadres et que tout passe bien sur IE, Mozilla et Opera...
Bref, bon courage (mais il parait que ca "paye" après, donc pense à la récompense
)
Si c'est le cas, bienvenue au club (des emm*****)... Moi j'ai passé une journée (sic !)rien que pour bien positionné tous mes cadres et que tout passe bien sur IE, Mozilla et Opera...
Bref, bon courage (mais il parait que ca "paye" après, donc pense à la récompense
- madx
- WRInaute occasionnel

- Messages: 303
- Inscription: 19 Juin 2003
si si le pire c'est que je veux faire un truc simple !!
Je fait un autre site plus compliqué (centre etc..) et je coutourne facilement les pbs mais la impossible !!
Si tu as une solution je t'envoie l'adresse en mp.
Je me dis que les tableaux c'etait simple et surtout tu as le meme rendu sur tous les navigateurs.
Je fait un autre site plus compliqué (centre etc..) et je coutourne facilement les pbs mais la impossible !!
Si tu as une solution je t'envoie l'adresse en mp.
Je me dis que les tableaux c'etait simple et surtout tu as le meme rendu sur tous les navigateurs.
5 messages
• Page 1 sur 1
Formation recommandée sur ce thème :
Formation Google Analytics : en 2 jours, apprenez comment exploiter l'essentiel des possibilités de l'outil de mesure d'audience de Google. Formation animée par les experts Google Analytics de Ranking Metrics.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- largeur fixe dans un menu onglets CSS?
- Menu fixe en haut, compatible Adsense ?
- Menu horizontal avec sous menu et image en CSS
- Ajuster en fixe son background en CSS
- Sidebar fixe après le contenu dans le html
- Mise en forme HTML ou CSS ?
- [CSS] Mise en forme de formulaire
- Mise en forme : tableaux et blocs CSS
- Mettre en forme un élément suivant un autre(CSS)
- Est-ce une forme de contenu dupliqué?
Consultez la description détaillée des produits ou services de Google suivants : Google Speed Tracer
- Calcul du taux de liens profonds
Cet outil vous permet de calculer le taux de liens profonds vers un site web. Un lien profond est un lien qui ne pointe pas vers la page d'accueil mais au contraire vers une page interne du site. Les sites dont l'essentiel du référencement vient de leurs inscriptions dans des annuaires ont un taux de liens profonds faible ; à l'inverse, les sites de référence ont souvent un taux de liens profonds plus important, signe que leur contenu a suscité de nombreux liens spontanés.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
