CSS et mise en forme (verticale Menu fixe + contenu)
5 messages • Page 1 sur 1
Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics
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.
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;
???
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: 2656
- Inscription: Lun Juil 28, 2003 15:58
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
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 Julien Coquet, expert certifié officiellement par Google Analytics.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Google crawle les fichiers CSS
- Comment voir facilement les liens nofollow dans Firefox
- Afficher le PageRank en entier dans Firefox (barre d'outils Google)
- La toolbar pour Firefox de Google
- Comment optimiser la proéminence des mots-clés
- Référencement d'un site en frames
- Changement de design de WRI
- Liens sponsorisés : XiTi mesure Google Content
- Les blogs (Search Engine Strategies 2004 - San José)
- Google Desktop 5 à télécharger
Consultez la description détaillée des produits ou services de Google suivants : Omnisio
- 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 0 invités


le forum