Probleme de Table

Snoopip Messages postés 253 Statut Membre -  
 Utilisateur anonyme -
Bonjour,
j'ai le code suivant

<table width="132" border="0" cellpadding="1" cellspacing="1" style="width: 130px; float:left">
<tr>
<td width="124" bgcolor="A0BAD3">bobo</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>
<table width="132" border="0" cellpadding="1" cellspacing="1" style="width: 130px; float:left">
<tr>
<td width="124" bgcolor="A0BAD3">bobo</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>

Sous Firefox les deux tables sont cote a cote mais sous internet explorer ils sont l'un au dessus de l'autre. Comment faire pour qu'ils soient toujours cote a cote? je sais je peut faire des colonnes.... mais je cherche une méthode sans autre tables et colonnes. C'est vraiment important ce n'est pas pour mon plaisir. S'il vous plait aider moi.

Merci d'avance

8 réponses

InAme19 Messages postés 573 Statut Membre 62
 
Ah, les differences entre les navigateurs...
c'est un vrai casse tête!

tu peux utiliser une feuille de style differente en fonction des navigateurs. Pour cela tu utilise:

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<!--[if IE]>
<link rel="stylesheet" media="screen" type="text/css" href="design2.css" />
<![endif]-->

ainsi tu pourra traiter le CSS de maniere differente en fonction du navigateur
1
j.tel Messages postés 149 Statut Membre 1
 
esseyer de rasembler les deux tableau dans un seul tableau comme ca

<table>
<tr>
<td>
<table width="132" border="0" cellpadding="1" cellspacing="1" style="width: 130px; float:left">
<tr>
<td width="124" bgcolor="A0BAD3">bobo</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>
<table width="132" border="0" cellpadding="1" cellspacing="1" style="width: 130px; float:left">
<tr>
<td width="124" bgcolor="A0BAD3">bobo</td>
</tr>
<tr>
<td>3</td>
</tr>
</table>

</td></tr></table>
1
Utilisateur anonyme
 
Bonjour,

j'ai recopié ton code, et à l'xécution tout est correct. alors soit ton code n'est pas complet, soit il y a autre chose mais une chose est sûre, ce n'est pas là qu'il faut chercher.
0
Snoopip Messages postés 253 Statut Membre 7
 
Sous internet explorer ils étaient cote a cote?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
j.tel Messages postés 149 Statut Membre 1
 
ca marche ce code chez moi dans la version IE 7 mais IE 6 jai pas fai un test
0
Snoopip Messages postés 253 Statut Membre 7
 
oui apparament ca marche mais que je fait avec une database bizzarement ca ne marche pas :((
0
ligne
 
Bonjour,

En visitant ce site, je suis tombé sur ce thread. Je sais pas si quelqu'un peut m'aider mais je cherche à comprendre le box modèle de IE et firefox quant aux balises <table>.
Je veux que ma table se redimensionne lorsque j'agrandis ou réduit ma fenêtre. Pour cela j'utilise des % avec width:
Ex: <td width="100%"> mais mon tableau contient 2 colonnes. L'une de ces colonnes j'aimerai qu'elle soit de taille fixe (colonne pour les catégories par exemple).la deuxième j'aimerai qu'elle s'agrandissent ou se réduisent automatiquement en fonction de la taille de la fenêtre.

J'ai utilisé des pourcentages pour les 2 colonnes mais malheureusement, les deux s'agrandissent ou se réduisent en même temps. et l'une d'elles n'est pas fixe. Y a t il un moyen de faire quelque chose ?
0
txiki Messages postés 6819 Date d'inscription   Statut Contributeur Dernière intervention   524
 
Salut,
La colonne qui doit rester fixe doit etre dimensionnée en px comme par exemple:
<table width="100%>
<tr>
<td width="50px">colonne fixe</td>
<td width="auto">colonne non fixe </td>
</tr></table>
0
Utilisateur anonyme
 
Bonjour,
la première colonne est fixe car elle aura toujour s50 pixel : taille fixée dans le td attribut width
la seconde colonne prend le reste soit : la taille de la ligne (100% de la page : taille donnée dans l'attribut qui définit la largeur du tableau) moins les 50 px de la première colonne.
0