[Résolu] Calibrer sur un autre élément

Bonjour,

Puisque tu utilises de l'“absolute”, va jusqu'au bout.
Pourquoi “absolute” pour le menu droite mais pas pour le menu gauche ?
Suis ta logique, mets-le aussi en “absolute”.
Mais, avant, positionne en “relative” l'élément qui servira de référence à ces éléments en “absolute”, le “container”.

Je te propose donc de tester ces quelques modifications

body {
  background:#B38345 url(img/background.jpg) repeat;
  color:#000;
[#brown]/*  font:Verdana,Tahoma,Arial,sans-serif;*/[/#]
font[#orange]-family[/#]:Verdana,Tahoma,Arial,sans-serif;
  margin:0;
  padding:0;
  }

#container {
[#orange]position : relative;[/#]
  background:#B38345 url(img/backContainer.jpg) repeat-y;
  min-height:1024px;
[#orange]margin:0 auto;[/#]
  width:1024px;
  padding:0;
[#brown]/*  margin:0;
  margin-left: auto;
  margin-right: auto;*/[/#]
  }

#menuLeft {
[#orange]position : absolute;
left : 0;
top:184px;[/#]
  width:170px;
[#brown]/*  margin-top:3px;*/[/#]
  background:#705E2C url(img/menuLeftIn.jpg) repeat-y;
  }

#menuRight {
[#brown]/*  margin-left:871px;
  margin-top:3px;*/[/#]
  position:absolute;
  top:184px;
[#orange]right : 0;[/#]
  width:153px;
 background:#705E2C url(img/menuRightIn.jpg) repeat-y;
  }

#footer {
[#brown]/*  position:absolute;
  margin-left:173px;*/[/#]
margin-left:17[#orange]4[/#]px;
  margin-right:auto;
  margin-top:0px;
  width:693px;
 background:#705E2C url(http://www.oldaryon.net/img/footerIn.jpg) repeat-y;
  font-size:12px;
  }

Je crois n'avoir rien oublié.


+ Tu pourras certainement éplucher profitablement cet exemple.

+ Tu utilises un <li> mal à propos

        <div id="pageFoot">
          <li><h1>Pr&eacute;sentation du jeu</h1>
…
          Microsoft se rendra peut &ecirc;tre enfin comptes de ses erreurs... Merci !</p></li>

Trouve absolument autre chose pour formater ton “pageFoot”.

+ Tu utilises 2 fois “header” comme identifiant.

<div id="header">
<map name="header"

Ça prête à confusion.
Le fait d'utiliser du soulignement pour tes titres prête aussi à confusion.
Nous avons l'habitude de nous en servir pour repérer des liens. Et là, on clique, et rien…
Modifié par Gihef (25 Aug 2007 - 21:28)