[Resolu] Hauteur auto sous Mozilla

Bonjour, j'ai besoin d'aide

Voila, j'ai réalisé un site avec joomla (cms), je souhaiterai que celui ci soit adapatable en hauteur sous mozilla. Il fonctionne parfaitement sous IE.

J'ai essayé des tas de trucs avec min-height, sans succés, cependant peut etre que je ne le déclare pas correctement. Voici mon code :

.contenu{
	margin:0px;
	padding:0px;	
	position:relative;
	top:0px;
	left:0px;
	min-height: 100px;
	height:100%!important;
	height:100px;
	width:750px;
	background-image:url(../images/bg/template/contenu.jpg);
	background-repeat:repeat-y;
	z-index:0;
	/*background-color:#666666;*/
	/*border:5px solid lime;*/
}


.contenugauche{
	display:block;
	width: 592px;
	min-height: 100px;
	height:100%!important;
	height:100px;
	margin: 0px;
	padding:0px;
	float:left;
	/*border:5px solid red;*/
}


.contenudroite{
	display:block;
	width: 158px;
	min-height: 100px;
	height:100%!important;
	height:100px;
	min-height: 100px;
	margin: 0px;
	padding:0px;
	float:left;
}

"Contenu" comporte "contenugauche" et "contenudroite" qui correspondent respectivement a mon contenu et à une zone de lien de type partenaire.

Merci pour votre aide
Modifié par Tigerlely (06 Jun 2007 - 10:21)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Grillé

Bienvenue à toi
Modifié par Raphael (05 Jun 2007 - 14:31)

min-height: 100px;
height:100%!important;
height:100px;

Que ce soit height: 100% ou height: 100px, c'est une hauteur figée, donc le contenu débordera nécessairement (sauf sous IE6, qui comprend mal height).

Voir la FAQ sur min-height et comment obtenir le même résultat dans IE6. Passer par un commentaire conditionnel pour ce dernier (là aussi, voir la FAQ).

Bonne continuation.

#bloc {
height: 5em;
background: yellow;
}
html>body #bloc {
height: auto;
min-height: 5em;
}

Dans beaucoup de forum, je trouve cette exemple, mais ca marche pas

Je ne sais vraiment plus quoi faire, c'est pour cela que je viens vers vous

Ok Thomas D., désolé pour le 1er message mais tu vois cette fois j'ai bien fait comme il fallait

Bonjour,

Une petite page en ligne peut être?

Bonjour ghost,

Eh non je n'ai pas de page en ligne je bosse en local, mais voici une capture d'écran :



ainsi que la declaration de mes div car je travaille en feuille de style externe :

<div class="general">


   	 <div class="header"></div>


   	 <div class="top">
			<div class="menutop"><?php mosLoadModules('top', -2) ?></div>
   	   	   	<div class="droitetop"></div>
	 </div><!-- fermeture top-->


	 <div class="contenu">
	   	   	   	<div class="contenugauche"><?php mosMainBody();?></div>
				<div class="contenudroite"><?php mosLoadModules('right', -2) ?></div>
	</div><!--fermeture contenu-->


	 <div class="bottom">
	   	   	<div class="bottomgauche">Les Restaurants de Lorraine | <a style="font-size:10px;font-family:tahoma;color:white;text-decoration:none;text-align:center;"  | Mentions L&eacute;gales</div>
	   	   	<div class="bottomdroit"></div>
	 </div><!--fermeture bottom-->

 	<div class="pied"></div>


</div><!--fermeture general-->

En espérant que cela puisse donner des diées à certains

Merci d'avance

Tigerlely a écrit :
En espérant que cela puisse donner des diées à certains

Avant ça, on remonte en haut de la page et on lit la deuxième intervention dans ce sujet : un modérateur te demande d'éditer ton message (premier message du sujet) afin que le code soit plus lisible.

Merci d'en tenir compte.

Bonjour tout le monde, ca y est j'ai résolu mon problème toute seule avec beaucoup de persévérance, alors pour ceux que cela peut interrésser voici le code :

.conteneur{
	margin: 0px;
	padding:0px;
	display: block;
	height: 329px;
	width: 750px;
	background-image: url(../images/bg/template/contenu.jpg);
	background-repeat: repeat-y;
	float:left;
}

html>body .conteneur {
	height: auto;
	min-height: 329px;
}

.contenugauche{
	display:block;
	width: 592px;
	height:329px;
	margin: 0px;
	padding:0px;
	float:left;	
}

html>body .contenugauche {
	height: auto;
	min-height: 329px;
}

.contenudroite{
	display:block;
	width: 158px;
	height:50px;
	margin: 0px;
	padding:0px;
	float:left;
}

html>body .contenudroite {
	height: auto;
	min-height: 50px;
}

a+
Modifié par Tigerlely (06 Jun 2007 - 10:18)

Salut,

Tigerlely a écrit :
Ok Thomas D., désolé pour le 1er message mais tu vois cette fois j'ai bien fait comme il fallait

C'est bien mais peut tu éditer ton message initial aussi pour le rendre conforme aux règles ?
Merci de ta compréhension.

De plus, considères tu que ce sujet est [Résolu] ?
Modifié par Mikachu (06 Jun 2007 - 10:21)