28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un problème avec une div qui ne prend pas la hauteur d'un div qui est contenu dans cette dernière. Sous firefox ça fonctionne parfaitement mais sous IE7 rien à faire... Si quelqu'un à la solution, j'ai pas trouvé Smiley decu

Voici le problème :

http://pernes.bleburd.com

Merci par avance !
Modifié par FinalSpirit (07 Sep 2008 - 17:46)
Bonjour itou,

Sans doute un petit soucis ici :
.rubrique {
  margin-left:230px;
  width:550px;
  [#red][b]height:100px;[/b][/#]
  margin-top:10px;
}

Mais il y en a d'autres...
Tu n'es pas obligé de passer par javascript pour obtenir un effet rollover de ce type, css fait cela très bien.
Beaucoup trop de balises de styles dans ton code, ça pique les yeux, et rend le code assez peu lisible, ce sera certainement très difficile à maintenir sur le long terme.

Concernant l'appel de ton script javascript, on déclare plus volontier de cette manière :
<script type="text/javascript">Ton script </script>


Cdt,
Sylvain
D'accord, merci pour les infos... Je croyais que le style rubrique étant appliqué au menu sur la gauche, ça ne poserait pas problème sur la div du fond...

Je vais essayer de diminuer le nombre de styles.
Re,

Ton conteneur portant la classe "rubrique" englode tout ton contenu :
<div class="rubrique">
<h1> Vallée du Diable </h1>
<div class="text">
<p style="text-align: center;">
</p>
<p style="text-align: center;">
</p>
<p style="text-align: justify;">
</p>
<p style="text-align: center;">
</p>
<p style="text-align: justify;">
</p>
<p style="text-align: center;">
</p>
<p style="text-align: justify;">
</p>
<p style="text-align: center;">
</p>
<p style="text-align: center;">
</p>
<p style="text-align: justify;">
</p>
</div>
</div>


Il devrait également être utile de donner un contexte de formatage à ce conteneur, typiquement :
.rubrique {
margin-left:230px;
margin-top:10px;
width:550px;
[#blue]overflow:hidden;[/#]
}


Cdt,
Sylvain
Merci ça corrige tout Smiley smile

En effet je me suis mélangé les pinceaux, en même temps j'ai mal appelé mon conteneur vu que je le confond :s

Je vais corriger tout cela et essayer d'améliorer le tout !

Encore merci pour ta rapidité et ton aide !