[CSS] - Problème avec la hauteurRésolu/Fermé

Question

Bonjour,  

J'ai pris le temps de prendre des screenshots, afin de vous faire mieux comprendre mon problème. 
Donc voila, j'ai un problème avec la hauteur d'une div, elle ne veut pas s'ajuster. 
Je voudrais qu'elle prenne toute la largeur de la page (car le cors derrière en blanc varie selon le nombre de commentaire présent sur la page, donc la hauteur n'est pas fixe, sinon ça serait trop facile !). 

Voir les images ci-dessous :  

http://img15.hostingpics.net/pics/473812952.png 
http://img15.hostingpics.net/pics/681980381.png 

Voici le code source de la parti de gauche 
#corp .left { 
 float: left; 
 width: 170px; 
 height:380px; 
 word-wrap: break-word; 
 border-right: solid 1px #999; 
 padding-right:10px; 
 padding-left:10px; 
 padding-top:10px; 
 padding-bottom:10px; 
 margin-right:20px; 
 background:#EEE; 
}

J'ai essayé les height:100% ou autre, ça ne donne rien ! 

Merci d'avance !

gandjo · Answer

le site est en ligne qu'on aille jeter un coup d'oeil sur le reste du code ?

MastercroW · Answer

UP s'il vous plait !

aladin07 · Answer

Je crois que c'est faisable mais avec du javascript (jQuery):

// pad est la valeur du padding-top ou padding-bottom que tu as donné à #corp
// ne calcule pas les deux padding: si #corp a padding:10px; ne mets pas 20px 
// dans pad
var pad = 10;
var height = $('#corp').height();
$('#corp .left').height(height - pad*2);

aurésky · Answer

Bonsoir,

Vous pouvez nous transmettre votre code pour le #corps ?

------------------------------------------------------------------------------------------  
https://www.le-coin-des-animaux.fr/

MastercroW · Answer

Bonjour,

Merci d'avoir prit le temps de me répondre.

Le code source de mon corps c'est : 
#corp {
	width: 70%;
	/*height:100%;*/
	min-height: 400px;
	min-width: 960px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 15px #CCC;
	-moz-box-shadow: 0 0 15px #ccc;
	border-style: solid;
	border-color: white;
	border-width: 1px;
	background-color: #F9F9F9;
	padding:15px 15px 15px 15px;
	box-shadow: 0 0 15px #CCC;
	word-wrap: break-word;
	/*margin-top:60px;*/
	margin-right: auto;
	margin-left:auto;
}

Quand à aladin07, j'essai ça de suite !

MastercroW · Answer

J'ai trouvé ceci en JS : Sauf que avec le min-height ça me dit 400 px, sa s'adapte pas. Avez-vous une solution ?

maka54 · Answer

Essaye avec

height:inherit;

MastercroW · Answer

ça ne marche toujours pas

aurésky · Answer

et avec un min-height :100% ? 
------------------------------------------------------------------------------------------   
Lien supprimé Modération CCM

Utilisateur anonyme · Answer

Oui c'est min-height appliqué sur ta DIV qui va avoir le bon rendu.

A+

MastercroW · Answer

Bonjour à tout le monde merci de m'avoir répondu.

Ceci j'ai déjà essayer et ça ne marche pas.
Avez vous d'autres solutions ?

maka54 · Answer

il faudrait plus d'info,

fais un imprim ecran de ta page complete, et comment tu veux placer les différents éléments

le css de body du div principal de la partie gauche et de la partie droite

MastercroW · Answer

Résolu tout mis en absolute

[CSS] - Problème avec la hauteur

13 réponses

Discussions similaires

Newsletters