CSS - affichage de la hauteur d'un bloc

Résolu/Fermé
mailbox13630 Messages postés 127 Date d'inscription vendredi 1 décembre 2006 Statut Membre Dernière intervention 16 avril 2017 - 27 févr. 2009 à 15:47
mailbox13630 Messages postés 127 Date d'inscription vendredi 1 décembre 2006 Statut Membre Dernière intervention 16 avril 2017 - 4 mars 2009 à 13:32
Bonjour,


Je rencontre une différence majeure d'affichage dans Firefox. (d'habitude, c'est dans IE ;-))

Voici ma portion de code CSS:

#bloc_centre
{
margin:auto;
width:850px;
mini-height:550px;
height:550px;
overflow:-Moz-Scrollbars-vertical;
overflow-x:hidden;
overflow-y:scroll;
background-color:rgb(153,204,255);
color:gray;
text-align:left;
text-indent:30px;
}

Sur IE, ce bloc a les dimensions que je demande.
Sur Firefox, ce bloc a une hauteur d'environ 150 pixels seulement.
Il y a une scrollbar.
Est-ce que c'est ça qui pose problème?
Comment puis-je le résoudre? (pour que l'affichage de la hauteur du bloc soit identique dans ces deux navigateurs).

Merci d'avance,

Aurélie

7 réponses

mailbox13630 Messages postés 127 Date d'inscription vendredi 1 décembre 2006 Statut Membre Dernière intervention 16 avril 2017 4
27 févr. 2009 à 16:20
Info complémentaire à mon problème:

J'ai un scroll dans ce bloc div et un tableau situé tout en haut à gauche.
La hauteur de mon bloc, dans firefox, s'arrête au bas du tableau.

Il ne manque apparemment pas de balise fermante.


Merci d'avance à tous,


Aurélie
0
Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
27 févr. 2009 à 16:22
Salut,

pourtant je teste ton code ici et tout va bien sur IE et sur FF

j'ai même essayé d'enlever ta ligne:
overflow:-Moz-Scrollbars-vertical; 


et tout va bien aussi
0
mailbox13630 Messages postés 127 Date d'inscription vendredi 1 décembre 2006 Statut Membre Dernière intervention 16 avril 2017 4
27 févr. 2009 à 16:30
Merci Riky!

Pour info, voici mon code xhtml au cas où tu trouverai une erreur:
J'ai beau vérifier, je ne comprends pas où est le hic..



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Site bleu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="sitebleu" href="sitebleu.css" />

</head>
<body>
<div id="bloc_tete">Test site bleu</div><br/>
<div id="bloc_centre">
<table class="border_groove">
<tr>
<th><img src="http://www.blabla.com/image1.jpg" alt="Photo numero 1" />
</th>
<th><img src="http://www.blabla.com/image2.jpg" alt="Photo numero 2" />
</th>
<th><img src="http://www.blabla.com/image3.jpg" alt="Photo numero 3" />
</th>
</tr>
</table>
<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque aliquam. Suspendisse potenti. Mauris eu neque. Nulla libero risus, mollis vel, tempor sed, pretium non, ligula. Vivamus porta luctus augue. Sed metus risus, consequat ac, placerat ut, egestas sit amet, dui. Mauris convallis pede eu lacus. Ut nulla nisi, mattis sed, pretium ac, placerat sed, lectus. Integer consectetur ipsum porttitor nulla. Curabitur tortor pede, pulvinar quis, elementum a, cursus sit amet, eros. Duis eu lectus. Ut nibh diam, tristique nec, cursus at, viverra eget, magna.

<br/>
</p>
</div>
</body>
</html>


Merci!

Aurélie
0
mailbox13630 Messages postés 127 Date d'inscription vendredi 1 décembre 2006 Statut Membre Dernière intervention 16 avril 2017 4
4 mars 2009 à 10:53
Bonjour à tous,

Je crois que mon erreur n'est pas bien compliquée, mais je ne parviens pas à la résoudre..je débute dans le CSS!


Y-a-t-il quelqu'un pour solutionner mon problème d'affichage?


Merci d'avance,


Aurélie
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
4 mars 2009 à 11:29
salut,

as-tu une version en ligne ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
mailbox13630 Messages postés 127 Date d'inscription vendredi 1 décembre 2006 Statut Membre Dernière intervention 16 avril 2017 4
4 mars 2009 à 13:18
Bonjour Mathieu,

Cette page n'est pas terminée mais voici le lien: (c'est un site de lingerie féminine).

http://www.marcella-lingerie.com/partenaires-marcella-lingerie.html
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
4 mars 2009 à 13:26
re,

c'est le {max-height} :
siterose.css (ligne 26)
#bloc_centre {
background-color:white;
color:black;
height:550px;
margin:auto;
max-height:200px;
overflow-x:hidden;
overflow-y:scroll;
text-align:left;
width:850px;
}

faut lui donner la même valeur que {height} ou le supprimer.
0
mailbox13630 Messages postés 127 Date d'inscription vendredi 1 décembre 2006 Statut Membre Dernière intervention 16 avril 2017 4
4 mars 2009 à 13:32
MERCI INFINIMENT!

Aurélie
0