Discussion :

[sasuke83]

Bonjour à tous

Je vous écris car j'ai un problème de cadre avec Internet Explorer

Je pense que mon cadre est simple, mon code html et css propre, je ne comprend vraiment pas ...

Voici le code de mon cadre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<td class="cadre-corp" style="height: 251px" ></td>

Voici son CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.cadre-corp {
	   border: 3px solid red; /* La on peut moddifier la taille / couleur des bordures */
           padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */	
}

Tout mes autres cadres fonctionnent super, et on a peut prés le même code.

Aperçu sous firefox:


> PARFAIT !

Aperçu sous Internet Explorer 7:



Il manque carrement le cadre rouge !
C'est quoi le délire ? je ne lui demande pourtant pas la lune a IE

Je précise que ça ne viens pas du padding: 0px; , j'ai essayé sans. Et j'utilise IE7 Avec toutes les maj windows a jour.

Adresse du site:
http://avenir-test.fr/siteklm/model.php


Pourriez-vous m'aider SVP

MERCI !!!

[keskidi]

Bonjour,

j'ai pas essayé, mais à mon avis, c'est un problème de width manquant dans ton td, IE il aime bien les width, surtout quand il n'y a rien dans un td (même pas un petit   ) .

[HiRoN]

Bonjour,

Ton problème vient aussi du fait que tu utilises les <table> pour la construction de ta mise en page (affichage de données tabulaire seulement !)

Un mise en page à l'aide de <div> serait bien plus propre et facile à maintenir (surtout avec des <table> imbriqués).

[keskidi]

A ce que je vois, si tu mets un &nbsp; dans

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td class="cadre-corp" style="height: 251px; width: 300px;">&nbsp;</td>

Surprise, ton td devient visible ...
Remarque que ton table fait 1000px de large et 1000 != 145 + 24 + 300.

Mais HiRoN a raison, quand il dit que ce serait plus simple avec des div, tu peux gérer l'affichage avec des float: left ou right.

[sasuke83]

Merci pour vos réponses et pour les Cours et tutoriels pour apprendre CSS : https://css.developpez.com/cours/

Effectivement, en mettant quelque chose dans le td, il devient visible

Merci beacoup !!!


Mais pourquoi ca fonctionnait avec firefox et pas avec IE ??? IE7 a toujours autant de lacune que défunt non regrété IE6 ?


Merci pour le conseil sur les div, je ne les metrises pas du tout, je vais chercher des tutos et essayé de refaire ma page

Encore merci