Bonjour à tous,
Je désire donner à mon tableau une largeur de 100%. Le problème, le tableau est dans un cadre qui lui prend approximativement 75% de la fenêtre. Sur firefox, aucun problème, je lui mets un width:100%; et il l'interprète super bien. Sur IE (et oui, c'est encore ce foutu logiciel qui fait tout planter...), le tableau prend 100% de la fenêtre donc, il débarque du cadre sans mon avis et va se placer sous le corps de la page.
J'ai déjà eu ce genre de problème avec un <div>, j'ai réglé le problème en enlevant la propriété width, de cette manière, le cadre prenait toute la largeur disponible. Mais un tableau, si on ne lui donne pas la propriété, il prend comme largeur le plus grand <tr></tr> du tableau... donc, si vous avez une idée...
la communauté d'entraide francophone dédiée au PHP
Largeur 100& - tableau
Le code php/html:
Bien entendu,le css est appelé par le html, j'ai oublié de l'écrire plus haut. Donc, le corps prend 80% - 140px; et dans ce 80% - 140px;, le tableau doit prendre 100%. Sur firefox, comme je l'ai dit, aucun problème mais sur IE... j'aime mieux m'abstenir... (disons que leur 7.0 est grandement attendue...)
<html>
<body>
<?
echo '<div id="haut">';
include "./haut.php";
echo '</div>';
echo '<div id="menu">';
include "./menu.php";
echo '</div>';
?>
<div id="corps">
<h1>Forums de B@D++</h1>
<table class="tableauforum">
<tr>
<th style="width:50%;">Forum</th>
<th style="width:25%;">Sujets</th>
<th style="width:25%;">Dernier message</th>
</tr>
<tr>
<td>Forum 1</td>
<td>34</td>
<td>Alexbad</td>
</tr>
</table>
</div>
</body>
</html>
Code : Tout sélectionner
.tableauforum
{
width:100%;
}
.tableauforum td,th,tr
{
border:1px solid black;
width:100%;
}
#menu
{
margin-top:30px;
float:left;
width:15%;
font-size:12px;
}
#corps
{
margin-top:30px;
margin-left:20%;
margin-right:140px;
background-color:#f4f2f0;
border:10px solid #d7d9da;
}
Salut !
Utilises un hack pour IE.
Mais tu va avoir aussi, je pense, un problème avec les bordures.
Utilises un hack pour IE.
Code : Tout sélectionner
.tableauforum
{
width: 100%;
_width: 80%;
}
Désolé, j'ai encore oublié mon [résolu] (quoique...)bon, j'explique comment j'ai réglé (la façon la plu illogique qui soit mais qui curieusement convienne à IE): J'ai mis le tableau dans un <div></div> (donc il était dans deux div) et ce div avait 100% (très bien interprété, foutu logiciel) et mon 100% au tableau a très bien fonctionné.
... et pour ton _width, je connaissais pas, intéressant, merci beaucoup
... et pour ton _width, je connaissais pas, intéressant, merci beaucoup