Spoiler qui s'ouvre mal

[ludoloveisa]

Bonjour,

je viens de me rendre compte qu'il y a un soucis avec mes spoiler. Fermés, ça va :




mais dès qu'on les ouvre, ils s’étendent sur le reste, sans le repousser :



Une idée de la façon de régler le problème ?

Merci

[Alliwee]

Bonjour;

Serait-il possible d'avoir le Css de ton spoiler ? Je pense que le problème viens du fait qu'il a été bloqué en hauteur à l'ouverture.

Cordialement

[ludoloveisa]

Coucou ^^

Voici le Css

Code:

.spoiler_closed
{
  border-radius: 20px 0px 20px 0px;
  -moz-border-radius: 20px 0px 20px 0px;
  -webkit-border-radius: 20px 0px 20px 0px;
  -khtml-border-radius: 20px 0px 20px 0px;
  border-top: 3px solid #ceb078;
  border-left: 3px solid #ceb078;
  border-color: #ceb078;
}

.spoiler_content
{
  background: url('http://nsa33.casimages.com/img/2013/05/19/130519125726157578.png') no-repeat left top, url('http://nsa34.casimages.com/img/2013/05/19/130519125811197921.png') no-repeat right bottom;
  padding-left: 30px;
  padding-right: 30px;
  height: 30px;
  border-radius: 20px 0px 20px 0px;
  -moz-border-radius: 20px 0px 20px 0px;
  -webkit-border-radius: 20px 0px 20px 0px;
  -khtml-border-radius: 20px 0px 20px 0px;
  border-top: 3px solid #ceb078;
  border-left: 3px solid #ceb078;
  border-color: #ceb078;
}

[Alliwee]

Bonjour;

Comme ceci votre probleme devrait être résolu :

Code:

.spoiler_closed
{
  border-radius: 20px 0px 20px 0px;
  -moz-border-radius: 20px 0px 20px 0px;
  -webkit-border-radius: 20px 0px 20px 0px;
  -khtml-border-radius: 20px 0px 20px 0px;
  border-top: 3px solid #ceb078;
  border-left: 3px solid #ceb078;
  border-color: #ceb078;
}
 
.spoiler_content
{
  background: url('http://nsa33.casimages.com/img/2013/05/19/130519125726157578.png') no-repeat left top, url('http://nsa34.casimages.com/img/2013/05/19/130519125811197921.png') no-repeat right bottom;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 20px 0px 20px 0px;
  -moz-border-radius: 20px 0px 20px 0px;
  -webkit-border-radius: 20px 0px 20px 0px;
  -khtml-border-radius: 20px 0px 20px 0px;
  border-top: 3px solid #ceb078;
  border-left: 3px solid #ceb078;
  border-color: #ceb078;
}

Cordialement

[ludoloveisa]

Merci pour votre aide ^^

Problème résolue