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

Discussion dans 'Administration d'un site Web' créé par madx, 25 Février 2004.

  1. madx
    madx WRInaute occasionnel
    Inscrit:
    19 Juin 2003
    Messages:
    257
    J'aime reçus:
    0
    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:
    <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:
    /* 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.
     
  2. yannouk
    yannouk WRInaute passionné
    Inscrit:
    11 Octobre 2003
    Messages:
    1 559
    J'aime reçus:
    0
    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;

    ???
     
  3. madx
    madx WRInaute occasionnel
    Inscrit:
    19 Juin 2003
    Messages:
    257
    J'aime reçus:
    0
    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.
     
  4. BadProcESs
    BadProcESs WRInaute passionné
    Inscrit:
    28 Juillet 2003
    Messages:
    1 821
    J'aime reçus:
    0
    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 ;))
     
  5. madx
    madx WRInaute occasionnel
    Inscrit:
    19 Juin 2003
    Messages:
    257
    J'aime reçus:
    0
    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.
     
Chargement...
Similar Threads - CSS forme (verticale Forum Date
Transformer un template de xhtml/css en php Développement d'un site Web ou d'une appli mobile 30 Août 2010
Mettre en forme un élément suivant un autre(CSS) Développement d'un site Web ou d'une appli mobile 12 Juin 2007
Mise en forme CSS anormale sur une des pages Développement d'un site Web ou d'une appli mobile 19 Avril 2007
Transformer <h1> en texte en css Développement d'un site Web ou d'une appli mobile 10 Février 2007
Transformer design tableau en css Développement d'un site Web ou d'une appli mobile 18 Juillet 2006
Mise en forme : tableaux et blocs CSS Développement d'un site Web ou d'une appli mobile 10 Janvier 2006
Mise en forme HTML ou CSS ? Débuter en référencement 26 Septembre 2005
[CSS] Mise en forme de formulaire Administration d'un site Web 6 Juin 2004
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019