[CSS] Problemes positionement

Bonjour,
J'ai quelques problèmes pour la réalisation d'un site. Je voudrais que le site puisse s'adapter a toutes les tailles d'écran donc je ne peut pas mettre de valeur en dur.

- je n'arrive pas a mettre le logo a gauche de mon conteneur
- je voudrais centrer les 3 fenêtres dans le conteneur

site : http://kork29.free.fr/najm/
Css : http://kork29.free.fr/najm/position.css

En espérant que quelqu'un pourra m'aider, je continue à chercher!
Configuration: Windows XP
Firefox 2.0.0.13

7 réponses

  1. Contacte moi : jojo15320@msn.com
    1. Contributeur
      salut poussin,

      t'es pas là pour te faire des copains, soit tu réponds, soit tu dégages.
    2. Contributeur
      @Dalida:-D

      dire que moi quand je fais ça, je me fais insulter :'(
      j'vais changer de sexe et devenir gryzzlye, j'suis sûr que ça pourrait m'aider à apaiser les tensions.
    3. Contributeur
      @gryzzlysalut ourson,

      depuis ce matin ça fait le troisième, au bout d'un moment ça déborde !!!

      j'vais changer de sexe
      laisse toi pousser le poil !
      -:oD
  2. Contributeur
    .presentation (ligne 28)
    {
    position: absolute;
    top: 500px;
    width: 650px;
    margin:auto;
    }
    
    .logo {
    width:242;
    height:91;
    left: 0%;
    z-index: 2;
    display: block;
    top: 0px;
    position: absolute;
    }
    1. Contributeur
      salut,

      tu ne t'y prends pas comme il faut.

      il faut différencier le contenu de la mise en page.
      tout le contenu est dans le document HTML (dans ton cas il n'y en a pas puisque tu n'as mis que des <div>) et toute la présentation va dans la feuille de styles (y compris les images de fond qui ne doivent pas apparaitre dans le HTML sous forme d'<img /> puisque ce n'est pas du contenu à proprement parler).

      regarde cet exemple, il est perfectible et il y a beaucoup d'autres solutions possibles mais il reprend le précepte évoqué au dessus.
      1. J'aide par msn ! Calme toi
        1. Contributeur
          donc tu n'as rien compris au rôle d'un forum.

          les gens qui ont un problème pose une question publiquement et on leur répond publiquement.

          si tout le monde faisait comme toi, il n'y aurait pas de CCM.
          tu visualises l'enjeu ?

          et pour utiliser ce forum, il faut en respecter les règles que tu es censé avoir lu.

          enfin, et par pur bonté d'âme, je te ferais remarquer que ton courriel est visible de tous les robots, en particulier les plus mal intentionnés.
          tu vois ce que je veux dire ?

          donc maintenant, pourrait-on répondre à la question initiale (avec ou sans toi) ou va-t-on continuer à polluer ce fil ?
      2. Contributeur
        :-D j'attends avec impatience la réplique
        1. Contributeur
          même pas, gentille comme tout la chanteuse !!!
          -;o)
      3. Ok! J'avoue mon erreur..merci pour cette explication qui me permet d'y voir plus clair et de me rappeler certaines bases.. :)
        Merci bien pour cet exemple qui j'espère me remettra dans le droit chemin (puisque je suis censé avoir des bases que j'ai apriori oublié :( ).
        Je continu et je vais essayer de me débrouiller seul maintenant!

        Un grand merci a vous et plus particulièrement a toi Dalida! ;)
        1. Contributeur
          bon courage pour la suite et au plaisir de te relire !
          -;o)

          et si je peux me permettre un dernier conseil : construits d'abord un bon document HTML, avec du contenu et surtout valide. et ensuite laisse faire la mise en page "naturelle" au maximum.
        2. @DalidaMerci pour le conseil je vais essayer!
          Il y juste un problème sous IE 7 la page n'est pas centrée..mais je vais commencé par m'attarder sur le html..
        3. Contributeur
          @kork27pour IE regarde le début de mon document.
          il faut le DocType et en plus l'attribut 'xmlns' pour <html> sinon il patauge.
      4. Contributeur
        centrer la page :
        .conteneur {
        <code>width: xXxXx px;
        margin: auto;

        }</code>
        à rajouter à tes propriétés.