Remplir une cellule de tableau avec un div

Remplir une cellule de tableau avec un div - HTML/CSS - Programmation

Marsh Posté le 05-05-2007 à 22:55:02    

Bonsoir,
j'ai de nouveau un petit truc qui me bloque pour etablir mon webdesign.
La page est structurée de loin comme ca:
 

<table>
  <tr>
    <td><div>Case1</div></td>
    <td><div>Case2</div></td>
  </tr></table>


 
Le div est positionné a quelques pixels du bord de la cellule dans le but d'eviter qu'ils finissent collés, et la hauteur est variable.
 
Le pb c'est que je n'arrive pas a avoir une hauteur égale pour les deux cases ce qui est disgracieux a mon gout :/
 
Y'aurait il une technique?

Reply

Marsh Posté le 05-05-2007 à 22:55:02   

Reply

Marsh Posté le 05-05-2007 à 23:00:26    

Faut arrêter les mises en page a coup de tableaux. Au final ça ne pose que des problèmes. Met toi aux CSS, parceque si tu met un div dans une cellule uniquement pour que le contenu ne soit pas coller au bordure de celle-ci sache qu'il existe aussi les marges et les padding.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 05-05-2007 à 23:38:57    

Justement ya du CSS de partout déja, les tabloides c'est a cause de la merde de chez microsoft qui ne réagit jamais comme prévu aux bricoles en CSS :/
 
En fait je veut faire des box avec une couleur de fond et une bordure. Sinon oui si j'ai pas la flemme je pense que je vait faire gober au tableau les parametres et foutre les attributs au cellules  :whistle:

Reply

Marsh Posté le 06-05-2007 à 14:37:10    

Orbitax a écrit :

Justement ya du CSS de partout déja, les tabloides c'est a cause de la merde de chez microsoft qui ne réagit jamais comme prévu aux bricoles en CSS :/
 
En fait je veut faire des box avec une couleur de fond et une bordure. Sinon oui si j'ai pas la flemme je pense que je vait faire gober au tableau les parametres et foutre les attributs au cellules  :whistle:


mais je reve là ! ca te prendrait moins de temps d'attribuer des margin et padding à tes td ! pi je confirme que les tables pour de la mise en page, ben ça pue !
Et ton css, et est dans ton code html ou dans un fichier à part ? car s'il est dans un fichier à part (comme il faut faire pour faire ça bien) ca va vite à attribuer des parametres de marges !
Mais commence par virer ton tableau et n'utilise QUE des div. Et microsoft n'y est pour rien (faut pas pousser non plus), si ça marche pas c'est que tu t'y prends mal !!


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 06-05-2007 à 14:56:40    

dartyduck a écrit :

Et microsoft n'y est pour rien (faut pas pousser non plus), si ça marche pas c'est que tu t'y prends mal !!


Ça, ça reste discutable. Si on s'y prend correctement, chez IE ça marche pas toujours. Mais il y a toujours quelques astuces, bidouilles, pour parer à ce genre de problème.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 06-05-2007 à 15:03:52    

nan, pas bidouilles. Si vraiment ca merde avec IE, il suffit de créer une feuille css spécifique IE (style-ie.css) où on ne met que les points qui merdent et on lui applique les parametres qui vont bien pour IE. Et tu mets un

Code :
  1. <!--[if IE]>
  2. <link rel="stylesheet" type="text/css" href="/style-ie.css" />
  3. <![endif]-->

dans le head, et le tour est joué !
ca reste léger, facile de maintenance, et rend ton design compatible tous navigateurs.


Message édité par dartyduck le 06-05-2007 à 15:04:06

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 06-05-2007 à 16:16:15    

Oui c'est bien le genres de choses que je désigne par bidouilles/astuces.
Si IE voulait bien se conformer au même règles que tout les autres on aurait pas à faire ce genre de chose.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 06-05-2007 à 18:14:44    

Oui mais IE est ainsi, IE est utilisé par 75% des internautes, et malheusement on ne peux pas le négliger. Il faut donc faire avec et accepter IE tel qu'il est. Et donc adapter le code en fonction de IE.
Pas le choix !


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 06-05-2007 à 19:30:20    

Bon pour revenir au sujet d'origine, j'ai bien réglé grace a ca:

table.cadres_main{
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: separate;
  border-spacing: 15px;
  border-style: none;
}
 
td.cadre_texte_1{
  width: 50%;
  padding: 0px;
  vertical-align: top;
  background-color: #E1F5FF;
  border-width: 1px;
  border-style: dotted;
}


 
Sinon oui les tableaux ca pue mais ca marche trés bien alors je ne prive pas.
Sinon effectivement j'ai des hacks pour IE dans le reste du code hein, vu que je cherche a produire du XHTML Strict W3C compliant je doit bien passer par ca

Reply

Marsh Posté le 06-05-2007 à 20:28:36    

dartyduck a écrit :

Oui mais IE est ainsi, IE est utilisé par 75% des internautes, et malheusement on ne peux pas le négliger. Il faut donc faire avec et accepter IE tel qu'il est. Et donc adapter le code en fonction de IE.
Pas le choix !


Je ne dis pas le contraire!
Je suis dans une boîte où le patron est utilisateur d'IE, j'aurais du mal à faire quelque chose qui marche pas avec!


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed