Reprise du message précédent :
je disait que c'est pas super parce que ca fait pas très propre, mais ca passe le validateur il me semble.

 
Bug avec Mozilla si je reduis suffisamment la fenêtre avec les mots longs qui débordent de leur div (div de gauche). (edit : idem avec opera d'ailleurs).
 
Bref, les tables ne sont pas prévues pour la mise en page, mais elles ont le gros avantages d'avoir de véritables sous-éléments.
 
Les divs ont des utilisations très performantes pour certaines choses (particulièrement quand il s'agit de raisonner en absolute), et très mauvaises pour d'autres comme cet exemple.
 

 
Une table passera le validateur aussi sans problème hein. C'est pas  la question.
 

mecri antp je j'essay ca tout de suite
 
hermes le messager : je vois pas le bug dont tu parle, ca arrive que si tu met un mot de 150 charactères ou bien ?

 
ça arrive si ton mot (ou une simple adresse email par exemple, ou tout autre chose sans espace (ce qui arrive relativement souvent quand même) dépasse la cellule de gauche.
 
Bref, c'est BUGGE...
 
Je sais, c'est con, mais c'est comme ça. Dès qu'on parle de diviser un div, avec une partie fixe et l'autre en %, c'est la merde.
Verticalement, c'est encore pire d'ailleurs. (avec un div en haut de hauteur variable en % + un div en bas fixe en px).
 
 

Ouais enfin avant d'avoir un truc aussi long ou une fenêtre aussi réduite...

 
C'est sûr, mais moi je n'utilise pas des techniques bugguées. Un point c'est tout. J'attend bien gentiment pour ce genre de cas de figure que les CSS3 soient implémentées proprement un peu partout.
 
Et en attendant, DANS CE GENRE DE CAS (parce qu'évidemment, j'utilise des divs dès que possible), je reste aux tables.

Dans mon cas ca ira très bien, ca devrait passer meme pour du 800x600.
Au fait les css3 c'est pour quand ? J'ai vu que le testeur w3c teste les css3 donc il existe, c'est juste qu'il sont pas interprté par les navigateurs c'est ca ?

 
Tant que ça reste du site perso et que tu n'as pas de garantie à apporter à un client, aucun problème.
 
Par contre, dès lors que tu veux faire une mise en page qui passe à 100% sur tous les navigateurs récents sans prendre de risques, pour le moment, c'est divs en absolute et table pour les mises en page en %.

de toute facon dans mon div il ne ddevrait y avoir théoriquement que du texte (avec des mots de longeur normal   )

bon, vu qu'il y a plein de specialistes sur ce topic et que c'est aussi un peu le sujet 1er de celui-ci, je pose encore une question :
 
Dison que j'ai 2 div l'un sur l'autre. Le div 1 est en haut, le div 2 en bas. Et ce que je voudrais c'est que le div 2 soit en bas de l'écran (pas seulement en dessous du div 1).
Bon c'est facile, je fait :

 
Le probleme c'est que dans ce cas si je reduit la taille la fenetre (ou si qq'un a une reso de 800x600), ce div 2 ce retrouve par dessus le div 1.
 
Je peu aussi faire un "position: relative;" au lieu de absolute, mais dans ce cas mon div 2 sera en dessous du div 1 et non pas en  bas de la fenetre.
Existe t'il un moyen de faire ca : div 2 en bas de la fenetre mais si la fenetre devient trop petite il ne passe pas par dessus le div 1.

 
plusieurs topics sur ce problème précis. Verdict : bidouilles dans tous les sens qui marchent jamais à 100% partout.
 
Conclusion : tables.
 
 
On en arrive toujours au même point. Si tu veux réellement faire un design uniquement avec des divs qui passent partout, tu oublies :
 
Le positionnement en % avec des éléments en px en bas ou à droite.

(pour lire plus tard et voir ce que HLM trouve buggé)

 
je pense à ça :
 
http://forum.hardware.fr/hardwaref [...] 1587-1.htm
 
avec pour solution :
 
http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
 
Mais le problème est le même avec un div en px à droite et le reste en % (comme on l'a vu récemment dans le dernier topic avec antp).
 
Bien sûr, on "peut", mais combien de temps ce sera valide, ça c'est une autre question... Sans parler du fait que ça ne marche pas avec Opera 6 par exemple...
 
Moi, j'utilise des codes qui vont être interprêté de la même manière sur tous les navigateurs récents, et rien d'autre.
C'est le même problème que le hack pour le padding avec IE. Faut-il l'utiliser, ou vaut-il mieux imbriquer 2 divs l'un dans l'autre et utiliser un margin ? Pour moi, la réponse, c'est la deuxième solution.

Tu pinailles. Il faut vraiment réduire considérablement la fenêtre pour que ça sorte... Et au pire, un overflow qui-va-bien fera l'affaire...

 
Sinon, en complément de la réponse d'antp, on peut le faire avec du positionnement absolu :
 

merci
Et ce qu'il y a une difference sur le resultat si on utilise l'une ou l'autre de ces 2 méthodes ?

Je previent juste qu'il y a quelques problemes avec :
 

 
Alors le truc c'est que la dedans j'ai mis plein de div et tout et tout. Et puis apres l'update de ma page je comprend plus rien : dans IE le div de gauche et droite sont l'un au dessus de l'autre    
Bon alors j'ai cherché pendant 2 heures (j'avais une vieille version de la page qui fonctionnait) : j'ai testé tout les css qui pourrait être coupable, j'ai testé toute la structure de la page et ce que j'ai changé depuis...    
Et finalement j'ai découvert ! dans ma nouvelle page je n'avait plus le <?xml version="1.0" encoding="ISO-8859-1"?>
A cause de ca IE interpretait mal le code    
Vous en pensez quoi ?
 
Edit : C'est génial, maintenant que j'ai remis l'en-tete xml, IE interprete pas bien ma page par exemple des div qui ont theoriquement une marge de 15px n'en ont plus que la moitié  

IE interprète mal le code si tu met le prologue XML. Si tu ne met pas, il l'interprète mieux.

ouai on m'avait deja dit ca, mais dans ce cas precis, ou bien je laisse est toute ma page est pas genial, ou bien j'enleve et tout est "parfait" sauf les 2 div qui vont aller l'un sur l'autre

Bah met-le et corrige les fautes qui font que ta page est pas génial

ben les fautes qui arrive quand je me l'en-tete xml c'est que a chaque fois qui'il y a un tableau, IE ne prend pas les propriété de la police de body, ca ca va encore.
Mais ca me fait aussi une autre erreur, mes div ne respecte plus le padding d'une cellule de mon tableau (dans ie, et seulement quand dans la meme page j'ai le truc des 2 div guache et droite). Alors ca fait un peut moche.

c'est quoi la page?

page san l'en-tete xml :
http://www.delta-zone.com/alpha/
 
page avec l'xml :
http://www.delta-zone.com/alpha/test.php
 
"légere" difference sous ie

bug de IE.
Interverti les déclarations des div pour placer les div flottant avant ceux à qui ils doivent coller.

tu veut dire intervertir le div edito et le div vote ?
si c'est ca, ca marche pas vraiment.

il me semble que mes div en float sont bien avant les normaux