Probleme bordure de cadre avec CSS et IE

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 ... :mur:

Voici le code de mon cadre:

Code:

---

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

---

Voici son CSS:

Code:

---

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:
http://www.monsterup.com/upload/1236861428.jpg

> PARFAIT !

Aperçu sous Internet Explorer 7:
http://www.monsterup.com/upload/1236861505.jpg


Il manque carrement le cadre rouge ! :aie:
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 !!! :D

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   ) .

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).

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

Code:

---

<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.

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 !!! :) :yaisse2: :king:


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 :)