Bonjour à tous,
 
J'utilise une page à largeur variable. Pour simplifier, on peut dire qu'il y a un menu à gauche, et un contenu à la droite du menu.
 
Pas de soucis, sauf si je rajoute un blockquote. Là, selon la taille de ce dernier, le positionement de mon bloc de guauche se fait soit à gauche du menu, soit en bas.
 
Voici le code simplifié de la page:
 
 

 
Et pour la CSS:
 

 
Merci d'avance.

Personne?
 
Problème insoluble ou question bête qui n'a aucun sens?
 
Je peux apporter des précisions, il suffit de demander !

c'est pas déprécié blockquote ?

Biiiin, j'ai vérifié ici:
 
http://giminik.developpez.com/xhtml/blockquote.html
 
Ca a pas l'air...

okii

Heuu non, c'est le seul moyen de faire des quotes en blocs
 
avec <q> en quotes inlines et <cite> en citations

Au fait, entre temps, j'ai rajouté un <p> dans le blockquote, w3c n'en voulait pas sinon, ce qui donne:
 

Autre question (qui n'exclue pas l'autre ) qui ne me bloque pas, mais que j'aimerais comprendre. Sur le même code, dans le #content
 
 

 
avec le CSS
 

 
En gros, je pensais que text-align fonctionnai également sur les éléments en ligne, ca n'a pas l'air d'être le cas ici.
 
Quelqu'un pour m'éclairer?
 
Bien sûr, mon premier soucis est plus que jamais d'actualité  

Pour qu'un élément puisse avoir son text aligné par exemple à droite, il faut que sa largeur soit plus grande que le texte. Or, un élément inline aura toujours pour largeur la largeur du texte dedans. Donc impossible d'aligner à droite, vu qu'il n'y a pas d'espace. Solution : un ch'ti display: block;, ou alors mettre le text-align dans le p

OK, c'est très clair, merci!
 
J'abuse, mais toujours pas d'idée pour mon premier problème?
 
En modifiant la largeur du blockquote, on attenue (retarde) l'effet jusqu'a un certain rétrécissement de la page, mais je trouve pas ca très propre:
 

Il n'y a pas grand chose à faire, à part mettre des pourcentages pour tout le monde

Pourtant, <blockquote> est dans mon <div id="content">, donc il ne devrait pas dépasser de sa largeur (non?).
 
Pour preuve, tous les <p> du #content ne posent aucun problème, alors que je ne leur spécifie aucune largeur.

Ca dépend, il faut que ton #content a une width lui aussi, sinon le blockquote se dimensionnera par rapport au premier ancêtre dimensionné trouvé dans la hiérarchie

/me un poil largué...  
 
Pourquoi ce n'est pas le cas avec le <p> alors?
 
Ils ont le même premier ancetre si je ne m'abuse?

Comme dit, s'ils ont un width définit dans le CSS

Non, dans mon code, ils n'ont pas de width défini.
 
J'ai raté le coche?

Voilà, donc si aucun n'a de width, vraiment personne, le pourcentage se fera par rapport à la taille de la fenêtre

Ca d'accord, je reprend juste parceque je crois qu'il y a confusion.
 
Comme dans mon code, j'ai une div #page qui englobe tout le code, et qui est la seule à avoir un width spécifié (ici 70%). Dans cette div, j'ai mon menu #menu et le contenu de la page #content.
 
#menu est en width 150px float: left. Dans mon content, si je retire le blockquote, je n'ai que des <p> (toujours pas d'autre  width). L'affichage se fait correctement à droite du menu. Si avant le <p>, je met le blockquote (toujours pas de width), là, l'affichage est plus aléatoire, selon la taille que prend ma fenetre, le blockquote (et par conséquent tout le #content) peut s'afficher en dessous du menu.
 
Voila ce que je ne comprend pas, car dans les 2 cas, je ne spécifie pas de width pour les éléments de #content, pas plus que pour le #content lui-même.
 
En esperant avoir été clair.

Donc le blockquote se fera par rapport à #content. Donc imagine que les 70% de ton #content font 1000 pixels. Alors tes 95% du blockquotes feront 950 pixels, ce qui ne laissera que 50 pixels pour ton #menu, ce qui est forcément pas top...