CSS - affichage de la hauteur d'un bloc

Résolu
mailbox13630 Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   -  
mailbox13630 Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

7 réponses

Réponse 1 / 7
mailbox13630 Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   4
 
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
Réponse 2 / 7
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
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   Statut Membre Dernière intervention   4
 
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
Réponse 3 / 7
mailbox13630 Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   4
 
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
Réponse 4 / 7
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

as-tu une version en ligne ?
0

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

Posez votre question
Réponse 5 / 7
mailbox13630 Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   4
 
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
Réponse 6 / 7
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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
Réponse 7 / 7
mailbox13630 Messages postés 127 Date d'inscription   Statut Membre Dernière intervention   4
 
MERCI INFINIMENT!

Aurélie
0

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?
Miss-Curieuse -
valou -

8 réponses
camping car
jopic -
Alsyl -

2 réponses
Les images ne s'affichent plus
papyrus95 -
melle -

15 réponses
impossible de voir les photos et videos sur une conversation messenger
cortomaltese83 -
Oceii -

4 réponses
Probleme d'affichage google chrome
flyingvvv -
helo -

5 réponses