Je suis en train de refaire mon site en XHTML et CSS.
J'ai un problème avec Mozilla : la hauteur des tableaux est un peu foireuse.
J'ai sauvé une page (la seule qui est prête en fait ) vu qu'à la base c'est du PHP/MySQL en local sur mon PC.
La page est là:
http://users.skynet.be/acp/template/index.html
Elle est valide au niveau XHTML 1 et CSS selon le site du w3C.
Dans Opera 6 et IE 6 ça s'affiche très bien :
http://users.skynet.be/acp/template/opera.png
Par contre dans Mozilla 0.9.9 :
http://users.skynet.be/acp/template/mozilla.png  

Quelqu'un sait comment je pourrais arranger ce problème de hauteur de tableau ?

[jfdsdjhfuetppo]--Message édité par antp--[/jfdsdjhfuetppo]

Essaie d'affecter un style display:block; au contenu de tes cellules, et accessoirement aux images... c un "pseudo-bug" connu de Mozilla

Apparemment ça fait le contraire...
Si je mets le style block aux <p> il rend les lignes aussi hautes que les cellules.
Et si je l'applique au <td> du menu de gauche, ça change rien sauf faire que le tableau de gauche prend la moitié de la largeur de la page (ça d'ailleure je pige pas pourquoi )

Dans ce cas, applique display:box; à tes <p> et <img>

Le problème c'est que la solution précédente ne corrigeait pas le bug d'affichage, elle ne faisait qu'en créer d'autres

display:box ca marche pas ?  

display: block, inline, none.
 
le truc rigolo ... j'ai ie6, la page affichée n'est pas identique à ton image : la toute première table (la vide) est beaucoup moins épaisse (genre deux pixels bleus en hauteur, deux blancs). pareil pour la partie blanche de la table du dessous : deux pixels de hauteur.
 
sous mozilla (dernière build), ça plante comme sur ton png.
 
maintenant, la manip qui torche sous ie : file > save as > webpage, tu charges la page sauvegardée dans mozilla, et HOP ! plus de bugs.
 
heureusement que microsoft est là tout de même ...

[jfdsdjhfuetppo]--Message édité par youdontcare--[/jfdsdjhfuetppo]

Pour la table vide, elle ne restera pas vide de toute façon... Donc ça ne se verra pas trop. Par contre IE fait des bordures plus grosses que les deux autres.
 
Quand je rouvre dans Mozilla la page sauvée par IE 6, je vois pas de différence par rapport à la page venant du web...
 
Par contre quand je mets "display: inline;" dans les "p" des tableaux qui posent problème, ça s'affiche bien comme il faut, merci beaucoup
 
Bon ça fait un problème de résolu.
Faut maintenant que je trouve pourquoi la colonne de gauche est trop large dans Opera

[jfdsdjhfuetppo]--Message édité par antp--[/jfdsdjhfuetppo]

Valeurs en % ? Des fois ca foire à mort quand tu indiques "86%" et pas avec "85%"  
 
Va savoir, charles...

Non c'est des tailles fixe
Les petits tableaux à bords bleus font 135px, et celui qui les contient 145px.
C'est fait pour que ça arrive au niveau du changement de couleur de la barre du haut et du bas.
Y a que dans Opera qu'il y a ce problème.
Et maintenant j'ai un autre problème : le texte qui est en haut à droite qui a tendance à se mettre aligné à gauche à partir du milieu de la page dans IE & Mozilla
Mais bon tout ça je vais tenter d'arranger plus tard.

Houlala le bordel je sais pas comment tu fais pour avoir autant de couilles sur une seule page

Je sais pas non plus
À mon avis soit les browsers ne respectent pas fort les normes, soit j'ai dû faire de ces fautes dans mon CSS

T'as dû faire des fautes énormes dans tes CSS, passque j'ai fait exactement comme toi (XHTML 1.1 + CSS & Tableaux imbriqués etc.) et j'ai jamais pas ce genre de pblm... ma page s'affiche à l'identique sous NS4/MSIE5/Opera5/Mozilla 099

>> par contre quand je mets "display: inline;" dans les "p" des tableaux qui posent problème
 
je n'avais pas regardé le code de plus près, mais si tu utilises <p> c'est normal que ça 'plante', ça rajoute par défaut des espaces. spécifier 'display: inline' sur un <p> va le faire se comporter comme un <span>. donc autant utiliser un <span> + <br>, ou un <div>.

Ouais mais le site actuel : www.antp.be
Utilise des <p> sans rien de spécial, dans des <td> qui n'ont rien de spécial non plus, et pourtant y a pas ces espaces aussi énormes, même dans Mozilla

et bien essaye de remplacer tous tes <p> par des <span>...

marrant, je comprends pas pourquoi ça ne fait pas d'espace. si qq1 s'y connait ... ou veut mater la source de mozilla

Bizarre, j'ai pas eu ce genre de problème

Marrant, un potentiel "modo de Programmation" pas foutu de faire un site html potable  
 
 

Indiana Jones a écrit a écrit : Marrant, un potentiel "modo de Programmation" pas foutu de faire un site html potable

 
 
XHTML nuance  

Mouarf XHTML c 'achement différent du HTML    
 
C même encore plus simple

Indiana Jones a écrit a écrit : Marrant, un potentiel "modo de Programmation" pas foutu de faire un site html potable

 
Dans Opera & IE il s'affichait très bien, et il passait la validation du W3C
Et puis toi, à part critiquer, tu sais faire quoi de potable ?

antp a écrit a écrit :     Dans Opera & IE il s'affichait très bien, et il passait la validation du W3C Et puis toi, à part critiquer, tu sais faire quoi de potable ?

 
Entre autres choses, faire des sites en XHTML 1.1 qui s'affichent de façon égale sous NS4.7 (PC&Mac) & MSIE 5 (PC&Mac) & Opera 5 & Mozilla 0.99

Pour mon site le résultat est abominable dans NS 4.x et IE 4.x
NS4 ne supporte pas les border on dirait, et ce con de IE 4 va même pas chercher la feuille de style

antp a écrit a écrit : Pour mon site le résultat est abominable dans NS 4.x et IE 4.x NS4 ne supporte pas les border on dirait, et ce con de IE 4 va même pas chercher la feuille de style

 
Et alors ? Piètre excuse  

T'as un exemple de site XHTML + CSS qui tourne bien dans NS4 et IE4 ? J'aimerais voir comme tu as fait

antp a écrit a écrit : T'as un exemple de site XHTML + CSS qui tourne bien dans NS4 et IE4 ? J'aimerais voir comme tu as fait

 
Pas encore en ligne hélas, je zieute si je trouve moyen de te foutre ça en ligne =)
 
Le plus simple serait que tu files ton code source histoire que je teste demain... j'ai accès à tous les browsers cités plus haut.

Bhen mon source il est sur une page dans mon premier post du topic.
Faudrait que je mette à jour, mais l'original en PHP est dans mon autre PC, qui est éteint, et là il est tard.
Mais niveau browsers, j'ai IE 4, 5, 6, Mozilla 0.9.9, Netscape 3, 4, Opera 5, 6.
Donc pas de problèmes pour les tests
Y manque les versions Mac, mais bon, d'un côté je m'en fous un peu vu que mon site la majorité des visiteurs viennent pour un programme Windows qui est dessus.

[jfdsdjhfuetppo]--Message édité par antp--[/jfdsdjhfuetppo]

OK, je zieute ton code dès que j'ai 5 mn

 
Quoi?
Tu vas pas le porter sur la pomme?