28220 sujets

CSS et mise en forme, CSS3

Bien le bonjour Smiley smile

Voici mon symptôme et avec des images ça peut être plus explicite sachant que ce n’est pas super simple à décrire

upload/3001-normal.png
Voici l'affichage normal, pour information puisque je pense que toutes informations peut être utile, le block à gauche possède les instructions suivante

#menu_border {
	margin-top : 10px;
	position : absolute;
	width : 200px
}


celui de droite

#content_border {
	margin-left : 210px
}


Maintenant voici le petit problème:
upload/3001-pasnormal.png
en faite je vois pas comment faire pour éviter ça, j'ai essayé de mettre un clear : both dans le block copyright mais ça résume au même resultat que l'image ci-dessus

Ca fait bien un jour que je suis en train de me frapper la tête sur le clavier pour trouver Smiley biggol

Si vous avez une réponse, je vous en remercie d'avance Smiley smile

Melchior Smiley cligne
Modifié par Melchior2 (18 Aug 2005 - 13:30)
Bonjour,

Il me semble que la combinaison des deux type de positionnement (type "relative" et type "absolute") est affaire risquée. Un positionnement en absolute sort du flux, donc devient "incontrôlable".
Voir ici

Il me semble, par contre, tout à fait possible de passer ta colonne de gauche en "relative" et mettre un float:left à la place, ainsi qu'un float:right pour ta colonne de droite. Ton footer lui s'il est en "relative" ne sortira pas du flux.
zzzazzz je te remercie infiniement pour ta réponse, cependant j'ai juste eu besoin de changer la colonne de gauche en lui donant ces instructions

#menu_border {
	float : left;
	width : 200px
}


je n'ai pas toucher à la colonne de droit si au block copyright qui celui-ci avait déjà clear : both; !

Merci beaucoup Smiley smile
Modifié par Melchior2 (18 Aug 2005 - 11:29)