[Resolu] Probleme de hauteur de tableau

Marsh Posté le 11-12-2007 à 15:39:12

Bonjour,

je me permet de soliciter votre aide, car j'ai un petit problème que je n'arrive pas à résoudre.

Tout d'abord voila le code :

Code :

<table cellpadding="0" cellspacing="0" style="width: 938px; height: 100%;">
<tr>
<td rowspan="3" style="width: 22px;background-image: url('Back_Left.jpg')"></td>
<td style="height: 35px; width: 253px;border: 1px solid #000000;background-image:url('SubMenu.jpg');" >Sous menu</td>
<td style="width: 4px; background-color: #869AB3;" rowspan="3" ></td>
<td style="border: 1px solid #000000;background-color: #DCE1E7;" rowspan="3">Contenu<br />
Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />
</td>
<td style="width:36px;background-image: url('Back_Right.jpg');" rowspan="3" > </td>
</tr>
<tr>
<td style="height: 4px;background-color: #869AB3;"></td>
</tr>
<tr>
<td style="height: auto;border: 1px solid #000000;background-color: #DCE1E7;" >Liste<br/><br/></td>
</tr>
</table>

Ce tableau donne le résultat attendu sous FF c'est à dire :

mais par contre sous IE, cela me donne cela ...

Je n'arrive pas a trouver une solution.

Si quelqu'un as une petite idée cela m'aiderai énormémement

Merci d'avance

Message édité par muby le 12-12-2007 à 13:06:53

Reply

Marsh Posté le 11-12-2007 à 15:39:12

Reply

Marsh Posté le 11-12-2007 à 15:47:05

Bienvenue en 2007, on n'utilise pas de tableaux pour la mise en page...

Message cité 1 fois

Reply

Marsh Posté le 12-12-2007 à 08:35:29

FlorentG a écrit :

Bienvenue en 2007, on n'utilise pas de tableaux pour la mise en page...

Ah oui et pourrai tu me dire comment tu fais cette mise en page sans tableau stp ?

Merci d'avance

Reply

Marsh Posté le 12-12-2007 à 09:44:35

Ben, avec des div, des styles css, toussa [:joce]

Message cité 1 fois

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98

Reply

Marsh Posté le 12-12-2007 à 10:57:54

kao98 a écrit :

Ben, avec des div, des styles css, toussa [:joce]

Oui mais je ne vois pas bien comment faire tout un tableau en div css toussa...

j'ai essayer ca :

Code :

<table cellpadding="0" cellspacing="0" style="width: 938px;">
<tr>
<td style="width:200px; height:100%;" >
<div style="height:100%; padding:0; margin:0; width:100%;">
<div style="padding:0; margin:0; height:35px; width:200px;border: 1px solid #000000; background-color:#FFF;">Sous menu</div>
<div style="background-color: #869AB3;height: 4px"></div>
<div style="padding:0; margin:0; width:200px; height:auto;background-color: #DCE1E7;border: 1px solid #000000;">Liste<br/><br/></div>
</div>
</td>
<td style="width: 4px;background-color: #869AB3;"><div style="width: 4px"></div></td>
<td style="background-color: #DCE1E7;border: 1px solid #000000;"> Contenu<br/>
Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />Contenu<br />
</td>
</tr>
</table>

Mais cela ne donne pas exactement ce que je veux... le div Liste ne complete pas tableau...

Un idée

Reply

Marsh Posté le 12-12-2007 à 11:15:14

Code :

<div class="sousMenu"> 
    Sous Menu 
</div> 
<div class="liste"> 
    Lliste 
</div> 
<div class="contenu"> 
    Contenu contenu contenu 
</div>

Voilà, tu n'as besoin de rien de plus comme code HTML. Maintenant, à toi d'écrire les CSS pour que ces trois divs se positionne exactement comme sur ta première image. C'est tout-à-fait faisable. :jap:

Message édité par kao98 le 12-12-2007 à 11:16:02

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98

Reply

Marsh Posté le 12-12-2007 à 11:16:51

Bien Kao98, c'est ce que j'ai fais dans le code au dessus mais le problème est que le div de liste ne complete pas le tableau :s

Reply

Marsh Posté le 12-12-2007 à 11:18:40

Nan, tu comprends pas. Tout ton code au dessus, tu peux le remplacer par mes 3 divs.

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98

Reply

Marsh Posté le 12-12-2007 à 12:13:21

le probleme c'est que quand on met 2 div a la suite j'ai cru comprendre qu'il se mettait l'un en dessous de l'autre ?, comment faire pour le faire que le div contenu soit à droite des 2 autres ?

Message cité 1 fois
Message édité par muby le 12-12-2007 à 12:17:21

Reply

Marsh Posté le 12-12-2007 à 12:55:21

muby a écrit :

le probleme c'est que quand on met 2 div a la suite j'ai cru comprendre qu'il se mettait l'un en dessous de l'autre ?, comment faire pour le faire que le div contenu soit à droite des 2 autres ?

http://css.alsacreations.com/Faire [...] -tableaux/

Reply

Marsh Posté le 12-12-2007 à 12:55:21

Reply

Marsh Posté le 12-12-2007 à 13:06:34

Ok, je crois que l'on peut cloturer le sujet, votre aide m'a été très précieuse.

Je vous remercie pour tout.

Merci merci merci

Reply

Marsh Posté le 12-12-2007 à 13:23:13

Ah, jvais me permettre de vous poser une dernière question :

Auriez vous un outils à me conseiller pour creer mon site en div css ?

Merci d'avance

Reply

Marsh Posté le 12-12-2007 à 13:43:19

Les deux extensions firefox :
Firebug + webdevelopper

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98

Reply

Marsh Posté le 12-12-2007 à 14:47:44

Merci kao98 pour ton aide précieuse

Reply

[Resolu] Probleme de hauteur de tableau

Sujets relatifs:

Leave a Replay