[résolu] Probléme position colonne

Voici le truc :

http://users.rockweb.org/websonic/New/

Je suis un peu perdu. Avec IE, la colone ne s'aligne pas sur le côté gauche de la page, alors qu'elle devrait (avec FF, Safari ...). Je ne comprend pas car j'ai utilisé un gabarit du site avec absolute ...

Voici le CSS (en partie)

.page {
    width: 744px;
    height: 818px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f1f1f1;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
}
.menu {
    width: 544px;
    height: 24px;
    margin-left: 200px;
    background-image: url(images/fondrouge.png);
    text-align: center;
    line-height: 25px;
    border-bottom-style: solid;
    border-bottom-color: #555555;
    border-bottom-width: 1px;
}
.colone {
    width: 200px;
    height: 666px;
    background: url(images/fondcolone.png);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #555555;
    border-bottom-style: solid;
    border-bottom-color: #555555;
    border-bottom-width: 1px;
    position: absolute;
    margin-left: 0;
}
.articles {
    height: 641px;
    width: 544px;
    margin-left: 200px;
    background-color: #f1f1f1;
}
.pied {
    width: 744px;
    height: 30px;
    background-image: url(images/fondpied.png);
}

Merci si vous avez la solution
Modifié par Vince71 (26 Oct 2005 - 21:16)

Salut,

J'avais un peu le même problème : j'avais positionné mon menu et sous IE.
Il semblerait qu'il s'agisse d'un bug (un autre) de IE.

Pour corriger l'erreur, il m'avait simplement fallut insérer cette ligne :

  display: inline;

Un lien vers la page concernée http://dreamweaver.media-box.net/index.php?showtopic=16819&hl=positionnementie+firefox

J'espère que pour toi aussi cela marchera.
Modifié par Cygnus (21 Oct 2005 - 22:39)

Salut.

position:absolute;
left:0;
/*et non margin-left:0;*/

Merci de vos réponses mais ça ne marche pas :

position: absolute;
left: 0;

Avec IE et Safari la colone est collé au bord de la fenêtre alors qu'elle devrait être collé au bord droit de "page", le cadre qui contient tout.

display: inline;

J'ai essayé mais niette.

Salut,

J'y suis arrivé (FF, IE, Opera mais pas de Safari sous la main) comme ça :

.menu{
...
/*  margin-left:200px;*/
...
}

.colone {
...
  position:absolute;
  float:left;
}

.colone2 {
  position:relative;
  top:0px;
  left:200px;
}

La classe colone2 servant à un div container qui englobe toute la partie de .menu jusqu'à .articles, seul le .pied reste donc en dehors.

MERCI !!!
Merci beaucoup, ça marche nickel avec IE, Safari, FF ... enfin fini la mise en page (du moins le plus dure)
Merci encore
a+

Vince71 a écrit :
MERCI !!!
Merci beaucoup, ça marche nickel avec IE, Safari, FF ... enfin fini la mise en page (du moins le plus dure)
Merci encore
a+

Il ne manque plus qu'un résolu dans le titre du sujet.
Une occasion pour mettre deux "n" à colonne, ce qui facilitera d'autant plus les recherches.