Reprise du message précédent :

 
Si, tu as forcément ce problème... Réduit la largeur de la fenêtre jusqu'à masquer le div de droite... (Mozilla 1.6).
 
Avec Opera 7+, c'est pire, le div du milieu disparait et le texte déborde à droite si je réduis la fenêtre.
 
Bref, c'est ULTRA-buggé, point.

quand je mask le div de droite, le texte de ce site deborde ailleurs
 
j'ai une barre de défilement, mais on ne peut pas voir le div de droite, oui

 
Voilà... Donc bug.

 
Euh... vu la CSS, c'est le comportement normal et attendu, je ne vois pas en quoi c'est buggé.

 
Ctrl+A

 
C'est buggé pour une raison toute simple :
 
Si dans le div du milieu, se trouve un ou deux mots assez longs et que les divs latéraux sont assez grands (genre 200 px chacun), le texte du milieu sortira alors de son cadre avec Opera, et une partie du div de droite disparaitra.
 
En effet, ce n'est pas un bug dans le sens où c'est "normal" vu les CSS, mais s'en est un vu l'UTILISATION qui est faite de ces CSS, a savoir rendre une présentation sur 3 colonnes avec redimensionnement du div central.

bah dans ce cas, il n'a qu'à mettre un min-width si ca peut te faire plaisir...

 
Voilà oui... Ce sera déjà ça... Et je suis pas certain que ça corrigera le problème quand même avec IE/Moz/Opera, je demande à voir...
 
Pour le moment, j'ai rien vu en 3 colonnes avec div du milieu redimensionnable qui soit réellement satisfaisant...

Donc tables powa ...

 
Ben oui... Juqu'à preuve du contraire... Autant je suis opposé à fond à l'usage systématique de table pour positionner des éléments, autant pour le "carcan global" d'un site de 100% de large et/ou de 100% de haut, je trouve que ça reste la meilleure solution...

Ben oui ...
les div c'est bien, je dis pas le contraire, mais chaque chose a ses usages.

euh non, ca resize le div du milieu, les 2 colonnes extremes étant en largeur fixe...
 
pis je prétends pas au design universel...mais si t'a un code plus propre pour faire ca, je prend...

sinon je suis d'accord avec vous...
et c cross plateforme...

 
Franchement pour moi, une table de 100% de large avec colonne de gauche fixe, celle du centre en auto et celle de droite fixe, je trouve ça plus propre et surtout bcp moins risqué que tes magouilles qui jouent avec les bugs et/ou les spécificités de tel ou tel navigateur...

C'est en tout cas prévu sur Incongru. Enfin l'entrée existe dans le sommaire, reste à écrire l'article

Tout dépend ce qu'on appelle bug. Moi j'appelle bug le fait d'avoir une barre de défilement horizontal car c'est une horreur en terme d'"utilisabilité"

Oui on peut toujours trouver des cas extrêmes où ça foire...
 
200px chaque colonne ? Si on se place en 800x600 il reste 380 pixels  pour le centre. Tu connais beaucoup de mots qui ne rentrent pas dans ces 380 pixels ? Et si c'est le cas c'est que la mise en page que tu as choisie n'est pas adaptée.

 
Le problème n'est pas là... le problème, c'est que si les divs sont effectivement prévus pour faire du positionnement, RIEN dans les CSS ne permet d'avoir des balises positionnantes telles que certaines d'entre elles sont imbriquée dans un conteneur comme c'est le cas des cellules dans une table... Si une table fait 100% de largeur et qu'elle comporte deux cellules, et que l'une de ces cellules a une largeur fixe, l'autre va automatiquement s'adapter... C'est simple, efficace à 100% et parfaitement crossplateforme. Les divs sont "imparfaits", il manque un élément avec des sous-éléments. Le seul truc qui s'en rapproche un peu, ce sont les listes... Mais bon, c'est pas fait pour ça non plus...
 
Il faut arrêter de vouloir connement faire le beau sous prétexte qu'on a réussi à faire un design sans table avec des hacks de partout, des aménagements pour tel ou tel navigateur etc...
 
Moi, ce qui m'intéresse, c'est que ça passe à 100% sur les navs récents, et que je n'ai pas besoin de passer ma vie à controler tous les navigateurs dispos...  
 
Si vous voulez un peu convaincre d'autres personnes (en particulier des professionnels), il faut leur proposer un truc qui marche à 100%, et rien d'autre...

 
yep .... ds le monde du pro j'ai une experience en intranet... et le gars ce qu'il voulait, c'est un truc qui marche.
 
yavait un truc que j'avais fait, mais qui demandais un tableau pour chaque ligne, et un alphabet en haut qui aille sur les ancres, défois ca marchait pas et je comprennais franchement pas pk ...
 
le mec m'a dit "tu fais comme tu veux, mais je veux quelque chose qui marche"
 
bon ben j'ai palié le pb avec du JS ... mais voilà koi
 
defois pour que ca marche, il faut faire un peu de la cuisine perso mélangée...

Mais si, mais si. Sauf que tout n'est pas implémenté (min-width, max-height, display: table-cell, table-row...)

Mais quel est le problème ? C'est simple à faire avec les CSS ça. Il y a même plusieurs méthodes.

Je ne comprends pas cette fixation sur les éléments emboités... Emboite des DIV si tu veux. Et les listes ne sont que des blocs particuliers...

Bah pour 90% des mises en pages (genre tous les trucs à 2/3 colonnes) c'est relativement simple à faire et les DIV fonctionnent très bien...
 
Alors après il y a des cas où les tableaux sont préférables (genre des colonnes de hauteur égales, les mise en page à 100% de la hauteur...) mais c'est surtout à cause du support très moyen des CSS par IE dans ces cas extrêmes.
 
Mais il n'y a rien de choquant là dedans on a jamais vu des passages d'une techno à une autre sans une phase de transition...

Aaaaah revoilà les professionnels et leurs exigences d'irréprochabilité... Voyons si les pros recherchait la perfection leurs sites passeraient sur 100% des navigateurs récents...

2-0  
 

C'est pas un match hein, gloablement je suis assez d'accord avec Hermès, mais je trouve que ses propos manquent de nuance, genre "RIEN dans les CSS" et "TOUS les pros recherchent la perfection"
 
Le truc, c'est que les designs sur Internet restent simples et pour ça les DIV suffisent amplement et apportent l'accessibilité que n'ont pas les tableaux. Mais dans les forums on vient en général pour dire que ça marche pas parce que c'est à ça que servent les forums, ce qui fait qu'on oublie un peu trop vite tous les cas qui ne posent pas de problème.

D'ailleurs faut que je vire les dernières tables de mon site v uque le design est simple

Bah alors concours : refaites moi le design de ma page avec 100% de div et sans hacks...
Mon site c'est :  
- une header  
- une zone centrale avec des marges de tous les cotés
- les 3 colonnes de la longueur de la plus longue, et tt les 3 de la même longueur (avec ou sans footer)
- un footer...
 
je précise que ce design permet à peut de frais de rajouter une marge entre le header et le reste, et entre le reste et le footer...on peut sucrer les marges partout si on veut, et où on veut...c donc un super template...
 
un 3 col tt simple sans contrainte de longueurs des colonnes, c pas le plus dur...

Bah, il suffit d'ajouter un header à la solution de http://forum.hardware.fr/hardwaref [...] tm#t656426 et c'est bon

nn : y'a pas la gestion des marges...je suis conscient que c un layout complexe que je demande...
 
avec des tables, c torché en 6-4-2, mais avec des divs, c la merde...la faute aux navigos qui sont pas foutu de rendre les CSS1 de manière uniforme...mais vu que ca touche IE6.0 y compris, et très probablement le IE du SP2...ca veut dire que ca va rester le bordel pendant au moins 5 ans, voir plus, jusqu'à ce que IE6.0 disparaisse...

 
C'est pour ça que je recommande d'utiliser des tables (enfin UNE table) quand c'est plus facile, et plus crossbrowser avec EVIDEMMENT toutes les propriétés dans les CSS.
 
Il faut utiliser les DIV dès que c'est possible, pas compliqué et crossbrowser, mais se prendre la tête une semaine pour avoir au final un truc bancal, je suis contre... Et je donne mon avis après quand même un an de recherche et d'expérimentation sur le sujet.

je sens que je v me résoudre à ton avis...
 
donc un table avec 3 lignes dont 2 en colspan, et une séparée en 3 avec les proportions dans les css donc...

 
Ben oui, tant que tu n'utilises qu'UNE table pour la présentation générale, je ne vois pas le problème. Et niveau accessibilité, je ne vois pas tellement ce que ça change... (pour répondre à Gizmo). Même avec Linx, c'est parfaitement visible et lisible...

Oui, une table pour couper la page en 3 (donc 3 cellules au total) c'est tout à faire convenable.
Ce qu'il faut éviter c'est les sous-tables avec une cellule par item de menu etc.

ouaip, parce que je sens que les div c pas encore mur pour "rentrer en prod" ...
 
enfin la norme l'est mais pas ses implémentations

bonsoir
j'ai une pitite question...
 
j'ai une image (max 500 de large et 400 de haut) et un petit texte a faire rentrer ds un div de 600x400
tit schema
 

 
est ce que c'est possible de faire ca:
- si l'image est grande: on met le texte a droite (image1)
- et si elle est plus allongé et qu'on veut pas le texte rikiki on le met en dessous
 
mais faut pas que ca deborde du div blanc quoi
 
merci

pourquoi tu te sers pas de PHP pour ça ( calcul de longueur de la chaine contenu dans le div texte) ?
 (gros fainéant )

 
ça n'est possible qu'avec des polices de taille fixes...

tu crois qu'il a mis un random() sur la taille de ses polices ?
 
je vois ou tu veux en venir mais c'est une solution simple a mettre ne oeuvre que je lui prospoe

hermes> han mes polices sont fixes
 
simo> ouais mais c'est pas un peu porc?©
enfin si c vraiment pas possible avec des CSS je ferais un truc comme ca, mais c lourd

 
C'est du courrier ? Parce qu'une arial par exemple, le "i" mesure rien en longeur par rapport à un "w"...

verdana mais le pb n'est pas là
(donc oui un w c plus gros qu'un i)

 
Ben si le problème est là... Pour savoir combien va mesurer tel ou tel texte, il faut une police avec des lettres égales en longueur. , parce que si tu te fie au nombre de caractères seulement, "iiiiiiiiii" et "wwwwwwwwww" ne prendront pas du tout la même place.

En fait son problème ce situe autre part je pense. Ce n'est pas est ce que el texte va rentrer, mais est-ce que le texte ne sera pas trop serré esthétiquement parlant (bien qu'il faudrait s'assurer qu'il ne déborde quand même pas).

je pensais plutot a un truc du style:
 on met l'image dans un div, le texte ds un autre, le div image a genre un petit pourcentage en largeur et le texte un gros et poufpouf quand le div de l'image est trop grand ben l'autre calque passe dessous j'arrive pas a exprimer le truc
nan , ouais je crois que jl'ai ds l'os...