28220 sujets

CSS et mise en forme, CSS3

Dispo de bloc foireuse...

Bonjour,

Voilà j'au petit probleme avec mes blocs. Je vous laisse admirer la chose ici : http://www.krystena.fr/kservices/

Le soucis est que mon bloc (#blocgeneral) devrais descendre jusqu'en, bas, or il s'arrete juste a la fin du bloc1. A noter que le probleme est survenu a partir du moment ou j'ai ajouté le bloc 3 et donc aligné le 2 sur la gauche et lui même sur la droite.
Je ne vous montre pas le hmtl, il y a pas grand chose a voir. Tous mes div sont biensur dans le div du blocgeneral, donc ce n'est pas dans le dur qu'il y a problème.
Par contre je veux bien vous montrer mon css car j'avoue que j'ai jamais eu l'occasion de rencontrer ce probleme.

#blocgeneral {
	padding: 0px;
	height: auto;
	width: 690px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000000;
}
#bloc1 {
    display:block;
	padding: 5px;
	height: 100px;
	width: 660px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #647489;
}
#bloc2 {
    display:block;
	float:left;
	padding: 5px;
	height: 100px;
	width: 320px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color: #cc0045;
}
#bloc3 {
    display:block;
	float:right;
	padding: 5px;
	height: 100px;
	width: 320px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #cc0045;
}


Autre chose. C'est une des premieres fois que je suis obligé d'utiliser des padding et c'est un peu le casse tête a combiner avec la taille des blocs. J'ai jonglé en enlevant 5 pixels par là 5 par ici et je voulais savoir si il n'y a pas une erreur de taille dans mes blocs.

Merci et bonne journée
je vais regardé sa de plus près mais comment par enlevé tes

 margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;

pour un :

margin: 10px 0 0 10px

en plus pour une valeur "0" il faut pas mettre le "px" derrière
Modifié par fxldm (21 Sep 2005 - 13:39)
il faut que tu mettes ton div "blocgeneral" en position absolue et que tu utilise les propriétées top et bottom au lieu margin-top et maigin-bottom.

autres remarques :

display: block; n'est pas indispensable pour les div

fxldm a écrit :
en plus pour une valeur "o" il faut pas mettre le "px" derière
Ce n'est pas qu'il ne faut pas ce n'est juste pas indispensable
Salut

Je l'ai mis en position absolue mais maintenant il n'est plus centré.
Bon je replonge dans le code =) J'espere trouver l'erreur
Merci au fait !

(Ce n'est pas a jour sur le ftp)
Modifié par supercanard (22 Sep 2005 - 12:38)
Sujet clos
Aller à