tableau 100% sous div position absolute

Fr.eddoZ · Message par **Fr.eddoZ** » 20 juil. 2004, 11:14

Salut a toutes et tous ...
Je fais un intranet avec des petit 'bloc' d'info dans l'exemple div class="jaune".

Mon prob c'est que le tableau bleu a 100% clair passe dessous le bloc jaune ... et je voudrais qu'il s'arette a sa limite .j'ai un peu tout essayé et je viens voir si quelqu'un a déja contourné ce prob !

Comme des fois il n'y a pas d'info dans ce bloc jaune (donc il ne s'affiche pas) je veux que les tableaux de resultats soient a 100% pour prendre toute la page car beaucoup d'info et que les autres tableaux (ici le vert foncé) reprenne 100% de la page si ils sont 'visuelement' sous le bloc ... me fais je bien comprendre

Voila le code c'est plus parlant , merci a ceux que ça inspire

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test prise de tete</title>
<style>
.verte {
position: relative;
background-color: #00ff00;
width: 100%;
padding-right: 7em;
}
.jaune {
position: absolute;
top: 1em;
right: 1em;
background-color: #ffff00;
width: 20%;
}
</style>
</head>

<body>
<div class="verte">
<table border="1"  style="width:100%;background-color:#00FFFF;height:50px ">
  <tr>
    <td>Ne passe pas sous le bloc jaune </td>
    <td class="rowData" style="width:20% "><p>&nbsp;</p></td>
  </tr>
</table>
<br />
<table border="1"  style="width:100%;background-color:#66CC00 ">
  <tr>
    <td>prend 100% de la page si dessous bloc jaune </td>
    <td class="rowData" style="width:20% "><p>&nbsp;</p></td>
  </tr>
</table>
<div class="jaune">
  <table cellspacing="0" name="zeb">
    <tr>
      <td class="bold">Immobilier TTC :</td>
      <td>oui</td>
      <td>150 000&euro; </td>
    </tr>
  </table>
</div>
</div>
</body>
</html>

jv2759 · Message par **jv2759** » 20 juil. 2004, 11:37

Je crois tout simplement que c'est impossible, car en mettant le bloque jaune, il ne rentre plus dans la construction de la pages.

En gros c'est comme si le naviguateur construiser sa pages, et que quand il avait finit il n'y touche plus et vien ajouter ton bloc jaune...

Donc en l'état ce n'est pas possible...

jv2759 · Message par **jv2759** » 20 juil. 2004, 11:45

j'ai trouver cela essais de voir :

http://www.zdnet.fr/builder/web_design/ ... 4-2,00.htm

Fr.eddoZ · Message par **Fr.eddoZ** » 20 juil. 2004, 14:19

jv2759 a écrit :j'ai trouver cela essais de voir :

http://www.zdnet.fr/builder/web_design/ ... 4-2,00.htm

Salut Jv2759, ouai c'est pas vraiment ça car dans l'exemple de znet si tu reduis la fenetre le texte dans le bloc gris ne vient pas sous les petits modules de chaque coté !

En gros c'est ' ça ' mais si je met un tableau a la place du texte il passe dessous ... con hein ???
non ... ! bon tant pis ...

jv2759 · Message par **jv2759** » 20 juil. 2004, 14:27

c'est normale, un rectangle est toujours un rectangle il ne peux pas ce deformer.

Dout l'interais d'utiliser des div...

PS : ATTENTION j'ai peux que tu cherche à utiliser des tableaux pour ta mise en pages, et cela ce n'est vraiment pas bien, car un tableaux et fait uniquement pour présenter des donner tabulaire et rien d'autre... Et dans ce cas un tableaux n'as pas à ce déformer...

Fr.eddoZ · Message par **Fr.eddoZ** » 20 juil. 2004, 16:20

ouai j'utilise les tableaux que pour les resultats d'une requete ou afficher les données d'une base (j'vois pas d'autre soluce) !!!

Mais j'utlise bien les div :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test prise de tete</title>
<style>
.jaune {
background-color: #ffff00;
float: right;
width: 100px;
margin: 0;
}
.verte {
background-color: #00ff00;
}
</style>
</head>

<body>
<div class="jaune">
  <table cellspacing="0" name="zeb">
    <tr>
      <td class="bold">Immobilier TTC :</td>
      <td>oui</td>
      <td>150 000&euro; </td>
    </tr>
  </table>
</div>
<div class="verte">
<table border="1"  style="width:100%;background-color:#00FFFF;height:50px ">
  <tr>
    <td>Ne passe pas sous le bloc jaune </td>
    <td class="rowData" style="width:20% "><p>&nbsp;</p></td>
  </tr>
</table>
<br />
<table border="1"  style="width:100%;background-color:#66CC00 ">
  <tr>
    <td>prend 100% de la page si dessous bloc jaune </td>
    <td class="rowData" style="width:20% "><p>&nbsp;</p></td>
  </tr>
</table>
</div>

</body>
</html>

tu vois ?

jv2759 · Message par **jv2759** » 20 juil. 2004, 17:35

Non je ne pense pas que ce soit possible... car quand tu utilise des float la largeur n'en est pas affecter.

Je crois que le plus simple c'est quand tu à du jaune à droite de fixer les taille est metre par exemple 80% 20%.

Ou alors ne pas fixer de taille à tes tableaux...

Sinon la je seche...

Geckozone

tableau 100% sous div position absolute

tableau 100% sous div position absolute

Qui est en ligne ?