C'est le bordel... problème de positionnement

Je m'essaie aux css et je dois dire que ce n'est pas encore gagné :

Je rencontre quelques petites difficultés :
Globalement voici la structure de page que je souhaiterais obtenir :
http://philistin.fr/web/index.html

Mon souci c'est qu'à partir du moment où j'introduis de nouveaux div, je n'ai plus le décalage vers le bas de la partie centrale. Voir cette page :
http://philistin.fr/web/index2.html

Si une bonne âme pouvait éclairer ma lanterne de débutant ?

Bonjour

Boujour à toi aussi

Tu as dû dans ta précipitation oublier de lire les règles: Aide/Règle. Je t'invite également à éditer ton titre pour y préciser la nature du problème que tu rencontre.
Notes que rentrer dans un lieu public sans dire bonjour et en parlant de "bordel", c'est assez moyen .

Merci d'avance.

Bonjour à tous Désolé pour mon manque de savoir vivre


J'ai regardé les règles, j'ai cherché, j'ai testé... et si je lance un appel, c'est que je ne sais plus vraiment vers quoi me diriger...


Si j'ai mis c'est le bordel, c'est parce que je ressens les choses comme ça, enfin, j'ai essayé de préciser le truc !

Merci encore pour votre aide !
Modifié par Ben12 (09 Oct 2005 - 13:44)

Salut,

essayes de faire çà :

<div class="Mosaik">
          <a href="#"><img src="images/ceramique.jpg" alt="" /></a>
          </div>
         <div class="spacer"></div>
  	</div>	  

juste après ton dernier bloc class="MozaiK" pour revenir à un flux normal.

Code CSS :

.spacer {clear:both; visibility:hidden;}

A noter que tu peux changer ton <div class="spacer"></div>, par <hr class="spacer" />

Tiens nous au courant.

Merci Fafane,

J'avais testé la méthode sans succès (certainement une erreur de ma part).

Donc tout semble aller à peu près correctement sous Firefox. par contre sous IE c'est la cata...

J'ai bien trouvé des infos pour le bug d'IE (les 3 pixels), j'ai mis en place quelques hack...mais rien n'y fait...

Peut être une suggestion à faire ?

http://www.philistin.fr/web/index2.html
Modifié par Ben12 (10 Oct 2005 - 12:45)

Cela vient sûrement du fait que IE n'interprète pas correctement les padding, border et width.

Vas voir cet article ou ce post, ils te serviront sûrement.

Sinon fait une recherche sur google en tapant : hack tantek celik .
Modifié par fafane84 (10 Oct 2005 - 23:50)

Ben12 a écrit :
J'ai regardé les règles, j'ai cherché, j'ai testé... et si je lance un appel, c'est que je ne sais plus vraiment vers quoi me diriger...

Hello et bienvenue,

As-tu vraiment testé la Méthodologie qui se trouve dans la FAQ et qui jusqu'à présent fait des merveilles ?

Non... pas encore, mais je vais tacher de m'y mettre. Je manque simplement de temps.
Ton bouquin est sur ma table de chevet et j'en suis à la page 1 depuis plus d'un mois !


Mais promis, je vais regarder ca avant de poser de nouvelles questions...