[Résolu] Largeur de bloc différente avec ou sans scroll

Bonjour à vous, j'ai une petite question j'ai un soucis avec les listes non-ordonnées (balises <ul></ul>), lorsque je les utilises, passé 4 éléments dans la liste, j'ai un décalage dans mes largeurs de blocs. Je ne sais pas de quoi ça vient mais c'est génant

Sauriez-vous d'où vient le problème et comment le corriger s'il vous plait ?

Merci

Artus.
Modifié par Artusamak (30 Oct 2006 - 15:31)

Bonsoir,

Sans exemple en ligne (ce qui serait l'idéal), ni même le moindre morceau de code, il sera difficile voire impossible d'appréhender ton problème et de pouvoir t'apporter une solution.

Suffit de demander

Alors voici l'exemple quand tout fonctionne :

http://artusamak.ath.cx/artus/cv2.php

Et là lorsque j'ai plus de quatre éléments dans ma liste :

http://artusamak.ath.cx/artus/cv.php

Tu dois voir la différence en jonglant entre les deux normalement
Modifié par Artusamak (29 Oct 2006 - 23:07)

Tout s'affiche correctement chez moi (sous Firefox).

J'ai eu un soucis similaire avec des listes non-ordonnées. La liste était dans un cadre de largeur définie, j'avais défini les li en blocks et après avoir appliqué padding et margin, j'avais des retours intempestifs. Ma solution a été de définir la largeur des li manuellement (largeur totale - paddings gauche et droit)

Là le problème est de l'ordre de quelques pixels

==[EDIT]==

J'ajoute un screen qui superpose les deux

http://artusamak69.free.fr/images/superposition.png
Modifié par Artusamak (29 Oct 2006 - 23:19)

Bonsoir,

Ce n'est pas évident à reproduire mais c'est un fait, il y à quelques pxels de différence !!
Bon pour sûr ce n'est pas ton css, car même en texte brut, ça le fait aussi ! Sûr aussi ce n'est pas ton nombre de li car si tu remplaces l'augmentation de heigh par un autre chose (j'ai juste doublé ton dernier bloc), ça le fait aussi !

La seule différence en fait, c'est que dans le cas "court" tu arrives en fin de scroll (ton affichage perd quelques pixels) et pas dans le cas "long" !!

Alors pourquoi ? ben j'aimerais bien le savoir aussi !!

bah oui tiens ,
c'est la barre de scroll provoque ce decallage !
Quand elle apparait la marge de 15% reste a 15% ! , sauf que la fenetre , elle a diminué d'environ 1em en largeur .
Et en retrecissant la fenetre le contenu passe sous le menu
autant donné une marge equivalente a la largeur du menu .

++

Oki ! Merci pour vos yeux attentifs

GCyrillus, je n'ai pas compris la modif à faire Tu peux m'expliquer différemment stp Merci

bonjour,

pour #contenu , tu le positionne avec des marges

margin: 0.5em 2em 0.5em 15%;

Cette marge de 15% se basse sur la largeur de la fenetre .

le menu , lui n'a pas de dimensions , exepté celle qui s'impose de par son contenu et la taille d'affichage des caractéres.

en donnant alors une largeur fixe et une marge fixe au menu et au contenu , tu n'auras plus ce probleme de decallage/chevauchement.

ex:

#menu 
{
	float:left;
	border: solid 1px #816647;
	background-color: #EDEDED;
	border-top: 0;
	padding:0;
	margin-left: 1em;
width:11em;/* largeur fixe en fonction des tailles de caracteres */
}
#contenu
{
margin: 0.5em 2em 0.5em 13em;/* marges fixes en fonction des tailles de caracteres */
	background-color: #434343;
	padding: 1em 2em 1em 2em;
}

IL etait aussi possible de donné 13% en largeur au menu par exemple , mais avec des resultat d'affichage assez desastreux .

++

Je vois, je vois ! Et bien merci beaucoup, ça fonctionne nickel


Modifié par Artusamak (30 Oct 2006 - 15:30)