Me revoici avec mes ptis ennuis de page perso ^^
 
Donc voilà j'ai mis un gros bloc de texte pour remplacer ce qui y sera au final.
 
le XHTML1.0:
 

 
le CSS:

 
 
Les screenshots:
 
Internet Explorer:

tout en bas, comme vous pouvez le voir le cadre ne se termine pas
 
Mes problemes:
Dans le cas Firefox:
le cadre s'arrete avant la fin du texte --résolu--
le texte ne commence pas en haut, à droite de la photo --résolu--
 
Dans le cas de IE:
le cadre ne se termine pas tout en bas
la sorte de "colonne" à gauche en dessous de la photo n'est pas remplie par le texte --résolu--
 
 
Merci de m'aider à résoudre ces 4 problemes

essaye de rajouter dans ton div principal un "spacer"
coté HTML:
<div class="spacer">&nbsp;</div>
coté CSS
div.spacer{
clear:both;
}

j'ai essayé de rajouter ton spacer entre la fermeture des deux  div. rien n'y fait. puis jlai mis au début, toujours rien :s

c'est pourtant la bonne solution a ton problème. je te conseille de lire ceci:
http://www.openweb.eu.org/articles/initiation_float/
 

et de mettre overflow : auto; ??
ca pourrait peut etre le faire

Pourquoi mettre le texte en flottant à droite ?

gm_superstar:
en effet, en enlevant le float à droite du texte, il se place comme je veux le désirais.
merci bien!
 
les problèmes restants:
sur Firefox, le cadre s'arrête toujours avant la fin du texte
sur IE, la fin du cadre n'apparâit pas
 
j'ai testé overflow, mais il me donne une boîte de déroulement dans mon cadre... ce que je ne désire pas
 

 
n'exiterait-til pas une valeur pour overflow du type "extend", par exemple, qui ferait en sorte que la boîte s'adapte au contenu, ou une propriété similaire?

éhéhé! j'aurais du attendre avant de poster.
j'ai trouvé la solution pour mon problème de cadre avec Firefox: il suffisait d'enlever la propriété height:100% de div#principal.
 
la fin du cadre n'apparâit toujours pas sur IE mais je suppose que cela doit être un problème de padding, ou de margin entre le body et le div#principal.

finalement je coince :s
personne n'a une solution?
je pense qu'il faudrait mettre un espace entre le body et la fin du div#principal mais je n'y arrive pas. Je pense que c'est lieu au fait que div#principal est en position: absolute.
 
alors, une idée?

si c'est le fait qu'il y en a trop dans ce topic qui vous gène, dites-le et j'en ferais un nouveau où j'expliquerai mon dernier probleme.

Une URL pour tester ?

http://thwz.free.fr/autoportrait.php

Bon ça vient visiblement de ton bloc princiapl positionné en absolu... et ça m'a tout l'air d'être un bug
 
En fait tu peux essayer une autre méthode pour centrer ton cadre : http://incongru.webdynamit.net/CentrageHorizontal (1ère méthode)
 
Mais il faudra enlever le prologue XML de document HTML car avec ce prologue, IE 6 ne se met pas en mode standard (et le bloc ne sera pas centré)

ce qui donnera une page non valide XHTML 1.0 , n'est-ce pas?

Non, le prologue n'est pas obligatoire.

--> http://thwz.free.fr/autoportrait.php
 
regarde gm_superstar, l'alignement horizontal marche, pourtant j'ai laissé <?xml version="1.0" encoding="iso-8859-1"?>

Ah tiens c'est bizarre quand j'avais essayé chez moi ça ne marchait pas
 
 
Bon ben tant mieux

mais, maintenant que mon bloc est en position absolute, plus aucun moyen de le centrer verticalement n'est-ce pas, si jamais le texte était beaucoup plus petit?

Oui, mais s'il est plus petit il n'y a plus de problème de bordure

c'est exact mais je crains à utiliser cette page plus tard comme pseudo-frame et avoir les deux cas présents: petit texte et texte beaucoup plus long.
 
pas de solution, ou alors abandonner les pseudos-frames et faire 2 .xhtml ?

Yaisse ! J'ai trouvé une solution !
 
Il suffit de placer ton bloc principal en position relative. (change juste absolute par relative). Et ça marche
 
 
En fait le bug est provoqué par la présence du flottant dans le bloc en position absolue... Va comprendre...

lol  t vachement fort
respect
 
mais j'ai encore changé d'avis. finalement le centré vertical, c'est pas super. j'aimerais savoir si il y a moyen de tirer le cadre, même si il est vide de texte jusqu'au bord de la fenêtre, pour qu'il remplisse tout l'écran en hauteur, qu'il soit remplit ou pas?
j'ai pensé au JavaScript mais je sais pas trop comment m'y prendre