Problème de bordure sur profil

[Renald]

Bonjour à tous,

J'ai un peu modifié la visualisation du profil.
Pour cela j'ai touché à l'id profile-advanced-right.

Comme des images valent mieux que des mots voici des screens:

Voici mon profile de base sans modif


Voici mon profil avec ajout d'un fond et de l'opacité


Voici enfin l'ajout de la bordure qui fait disparaitre le profil...


Vous pouvez voir les ajouts directement dans la console en bas droite mais je ne pense pas avoir fait d'erreur dans le code:

Code:

#profile-advanced-right {
    background-color: #E7402F;
    opacity: 0.8;
    border: solid 1px black;
}

Si quelqu'un a une idée je suis preneur

Merci d'avance.

[lmc38510]

Code:

#profile-advanced-right {
    background-color: #E7402F;
    opacity: 0.8;
    border: solid 1px black;
}

Bonnjour "Renald"

Essaie:

Code:

#profile-advanced-right {
    background-color: #E7402F;
    opacity: 0.8;
    border-left: 1px solid black;
}

[Renald]

Même résultat.

L'épaisseur et la couleur ça passe.
Dès que je mets un style, solid, dashed ou dotted ça fait disparaitre le profil :/

[lmc38510]

Même résultat.

L'épaisseur et la couleur ça passe.
Dès que je mets un style, solid, dashed ou dotted ça fait disparaitre le profil :/

Si tu enlèves "solid" c'est "ok" ...?

[Renald]

Oui mais du coup on ne voit rien puisqu'il n'y a pas de style :/

[lmc38510]

Tu es en phpbb3 ...? parce que moi je n'ai pas cet id -> profile-advanced-right

[Renald]

oui phpbb3

[Renald]

Autant pour moi pas de disparation.

juste un gros déplacement :/



Etonnant qu'une bordure déplace une div de la sorte....

[Renald]

Problème résolu:

Code:

#profile-advanced-right {
  background-color: #E7402F;
  opacity: 0.8;
  width: 298px;
  margin-top: 54px;
  border: solid 1px black;
}

La taille de base de cette id est de 300px.
Au dessus la div ayant pour attribut cet id se déplace sous son contenant.
Donc j'ai mis 298px plus les 2px de la bordure (1px a droite + 1px à gauche) ça refait 300px et ça ne bouge plus.
Ajout également d'un petit margin-top pour aligner cette div avec celle à côté.