[Resolu] Probleme de hauteur de tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Resolu] Probleme de hauteur de tableau

muby

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

Publicité

FlorentG

Unité de Masse

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

Message cité 1 fois

muby

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

kao98

...

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

Message cité 1 fois

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

muby

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

kao98

...

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

muby

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

kao98

...

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

muby

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

Flyman30

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/

Publicité

muby

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

muby

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

kao98

...

Les deux extensions firefox :
Firebug + webdevelopper

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

muby

Merci kao98 pour ton aide précieuse

FORUM HardWare.fr

Programmation

HTML/CSS

[Resolu] Probleme de hauteur de tableau

Sujets relatifs
Comment récupérer les valeurs d'un CheckBox ? (Résolu)	probleme java bean
probleme sur formulaire	Résolu[Excel] Se déplacer dans Excel
[Spry & XML]Impossible d'afficher des images dans mon tableau	probleme de quotes !
[Javascript] Problème entre deux fonctions	[résolu][Ti-Basic]Compter le nombre de chiffres d'une variable
Probléme Vb error '429'	Problème avec l'hauteur d'un tableau -> resolu
Plus de sujets relatifs à : [Resolu] Probleme de hauteur de tableau

Page générée en 0.086 secondes