Sidebar se rogne lorsque la page a peu de contenu

Résolu/Fermé
Utilisateur anonyme - 23 mars 2013 à 22:42
 Utilisateur anonyme - 1 avril 2013 à 15:10
Bonjour,

J'ai téléchargé ce template en HTML5 et je l'adapte à mon futur site.
Lorsque j'ai trop peu de contenu dans la partie droite, la sidebar de droite se rogne et le texte qui se trouve en bas n'est plus sur la partie grise.

Cela doit être un paramètre du genre : "Longueur sidebar = longueur page de droite". J'ai beau épelucher les fichiers css, je ne vois pas...

Avez-vous des pistes ?

Merci de votre aide

Romain

A voir également:

5 réponses

Utilisateur anonyme
24 mars 2013 à 12:01
personne ?
0
Profil bloqué
27 mars 2013 à 12:50
Peut-être un bout de code html/css ou un lien ? ^^'
0
Utilisateur anonyme
30 mars 2013 à 17:41
J'ai zappé le lien x)

Donc le template c'est celui-çi : STRIPED http://html5up.net/

Et le bout de code css de la sidebar :
#sidebar
	{
		background-color: #364050;
		background-image: url('images/bg1.png');
		color: #929da4;
		text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
	}

		#sidebar form input,
		#sidebar form select,
		#sidebar form textarea
		{
			border: 0;
		}

		#sidebar section,
		#sidebar nav
		{
			 position: relative;
		}

			#sidebar section:before,
			#sidebar nav:before
			{
				content: '';
				border-top: solid 1px;
				border-bottom: solid 1px;
				border-color: #171E29;
				border-color: rgba(0,0,0,0.25);
				box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075), 0px 1px 0px 0px rgba(255,255,255,0.075);
				display: block;
			}
	
		#sidebar strong, #sidebar b
		{
			color: #fff;
		}
	
		#sidebar a
		{
			color: #d4dde0;
		}
		
		#sidebar h2,
		#sidebar h3,
		#sidebar h4,
		#sidebar h5,
		#sidebar h6
		{
			color: #fff;
		}




J'ai changé des paramètres mais je ne vois pas quel paramètre influe sur l'autre
0
Profil bloqué
31 mars 2013 à 12:04
A vue d'oeil, il faudrait que tu rajoutes une largeur aux éléments concernés, genre au moins un min-width ou un width
0

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

Posez votre question
Utilisateur anonyme
1 avril 2013 à 15:10
Ouaip impeccable, j'ai mit un min-height à 100% vu que c'était une hauteur !

Merci :-)
0