CSS et mise en forme (verticale Menu fixe + contenu)

Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics

madx
WRInaute impliqué
WRInaute impliqué
 
Messages: 303
Inscription: Jeu Juin 19, 2003 10:18

CSS et mise en forme (verticale Menu fixe + contenu)

Message le Mer Fév 25, 2004 17:15

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:

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 accro
WRInaute accro
 
Messages: 2138
Inscription: Sam Oct 11, 2003 12:35

Message le Mer Fév 25, 2004 19:35

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;

???

madx
WRInaute impliqué
WRInaute impliqué
 
Messages: 303
Inscription: Jeu Juin 19, 2003 10:18

Message le Mer Fév 25, 2004 20:47

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.


BadProcESs
WRInaute accro
WRInaute accro
 
Messages: 2656
Inscription: Lun Juil 28, 2003 15:58

Message le Jeu Fév 26, 2004 9:56

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 ;))

madx
WRInaute impliqué
WRInaute impliqué
 
Messages: 303
Inscription: Jeu Juin 19, 2003 10:18

Message le Jeu Fév 26, 2004 16:02

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.


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 :

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