High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

CSS - affichage de la hauteur d'un bloc

Dernière réponse le 4 mar 2009 à 13:32:44 mailbox13630, le 27 fév 2009 à 15:47:47 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 3.0.6

Meilleures réponses pour « CSS affichage de la hauteur d'un bloc » dans :
Contrôleur hôte USB à haut/bas débit VoirLors de la connexion d'un périphérique USB 2.0, Windows affiche le message suivant : Installez un controleur hôte usb à haut débit ou bien Ce périphérique fonctionnera à vitesse réduite si vous n'avez pas de contrôleur haut débit installé sur votre...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Mon Pare-feu bloque WoW VoirVotre firewall vous affiche un message indiquant que votre pare-feu bloque les connexions au serveur de WOW. Pour y remédier, il suffit d'ouvrir les ports 3724 et 6112 sur votre firewall. Il fonctionnera encore mieux si les ports 6881 à 6999...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Posez votre question Répondre

1

mailbox13630, le 27 fév 2009 à 16:20:29

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

   
Répondre à mailbox13630

2

Ricky38, le 27 fév 2009 à 16:22:08

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

   
Répondre à Ricky38

3

mailbox13630, le 27 fév 2009 à 16:30:43

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

   
Répondre à mailbox13630

4

mailbox13630, le 4 mar 2009 à 10:53:32

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

   
Répondre à mailbox13630

5

Dalida, le 4 mar 2009 à 11:29:33

Salut,

as-tu une version en ligne ?
[ Mathieu ] 

Il y a sûrement des pandas pour ne dépendre de rien

   
Répondre à Dalida

6

mailbox13630, le 4 mar 2009 à 13:18:21

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-linger­ie.html

   
Répondre à mailbox13630

7

Dalida, le 4 mar 2009 à 13:26:05

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.
[ Mathieu ] 
Il y a sûrement des pandas pour ne dépendre de rien

   
Répondre à Dalida

8

 mailbox13630, le 4 mar 2009 à 13:32:44

MERCI INFINIMENT!

Aurélie

   
Répondre à mailbox13630
Posez votre question Répondre
Ils ont besoin de votre aide