28220 sujets

CSS et mise en forme, CSS3

[resolu] Bloc en dessous des autres

Salut salut =)
Je continu mon apprentissage du N.A.T (Non au tableaux) et bon c'est pas évident quand même...
Voilà je suis arrivé a mettre 2 blocs cotes a cotes mais je n'arrive pas a en mettre un en dessous de ces 2. Enfin du moins pas comme je voudrais. Je m'explique :
J'ai donc un container (.blocgeneral) contenant 2 bloc qui se tiennent la main (.blocportfolio & .bloccontenu, dont un a un heigh:auto car le contenu peut changer.
J'essaye de mettre un autre bloc en dessous (.bloctest) de la largeur de mon container. Bon vous verrez mon code plus bas, tout simplement ca ne marche pas Smiley lol
Si quelqun a un indice pour moi je m'arrache les cheveux Smiley bawling 


body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #B7C4A3;
}
html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
	background-color: #B7C4A3;
}
.blocgeneral {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(img/bg.jpg);
}
.blocportfolio {
    display:inline;
    margin: 20px 0px 20px 20px;
    padding: 0px;
	float: left;
	height: 432px;
	width: 300px;
	background-color: #FFFFFF;
}
.bloccontenu {
    display:inline;
    margin: 20px 20px 20px 0px;
    padding: 0px;
	float: right;
	height: auto;
	width: 300px;
	background-color: #FFFFFF;
}
.bloctest {
    display:inline;
    margin: 20px auto;
    padding: 0px;
	height: 150px;
	width: 670px;
	background-color: #000000;
}


Voilà le lien au cas ou : http://eyesbutterfly.com/depot/test/home.htm
Modifié par supercanard (05 Apr 2005 - 16:42)
salut,

essayes:


.blocportfolio {
float: left;
height: 432px;
width: 300px;
}
.bloccontenu {
margin-left:300px; /*enlève le float:right;*/
}
.bloctest {
clear:both;
}

Modifié par alex_br (05 Apr 2005 - 16:52)
re,

le display n'est pas nécessaire; ensuite il faut que tu règles le margin entre
.blocportfolio et .bloccontenu; pour ça tu règles le margin-left de .bloccontenu. Il faut que .bloccontenu est un margin-left suffisant pour passer au-dessus de .blocportfolio (et ce n'est pas le cas dans la css du lien que tu viens de donner.

sinon pour être sur:

blocportfolio = ton image N&B à gauche

bloccontenu = le texte à droite

c'est ça ?
Modifié par alex_br (05 Apr 2005 - 17:46)
supercanard a écrit :


clear:both;

Dailleurs késako ?


ça permet d'imposer à un élément situeé après un élément flottant de se positionner en-dessous de ce dernier.

sinon ça à l'air de fonctionner...
Modifié par alex_br (05 Apr 2005 - 17:57)
Sujet clos
Aller à