Largeur d'un tableau egal a la largeur de la div
Bonjour, je n'ai pas trouvé de reponse a mon petit probleme parmi le forum alors je me permet de vous poser directement la question.
Je travaille sous firefox (mais j'optimise mon code pour qu'il marche au minimun sous IE, FF, Opera et Safari)
J'ai commencé un site basique en div
Code:
1
2
3
4
5
6
7
|
<DIV id="header"><img </DIV>
<DIV id="middle">
<DIV id="menu"></DIV>
<DIV id="main" align="left"><?php include "main.php"?></DIV>
</DIV>
<DIV id="footer" align="center">Copyright ©</DIV> |
Dans mon main.php, j'ai un tableau et je voudrai qui prenne la taille de ma Div Main. Cependant malgré pas mal d'essais il se trouve toujours a prendre la taille maximun qu'il peut prendre dans mon ecran (il sort donc de ma div pour se bloquer contre la scroolbar de droite)
mon style.css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| #middle {
height: 100%;
width: 1026;
/*overflow:auto;*/ (*1)
}
#menu {
background-color: f0f0ff;
float: left;
height: 100%;
min-height: 500px;
width: 100;
}
#main {
background-color: f0f0ff;
height: 100%;
/*overflow:auto;*/ (*2)
}
.table_main {
width: 100%;
} |
(*1)bloque bien mon tableau dans ma div mais fait apparaitre une scroolbar horizontal en bas puisque le tableau garde sa taille = 100% de mon ecran et non de ma div :)
(*2) Resout mon probleme mais expluse la div Main de la div Middle ce qui detruit completement ma mise en page
Est-ce possible alors qu'un tableau prenne la taille d'une div ou mon probleme n'est pas resolvable ?
P.S: je ne tiens pas a utiliser des taille fixe pour des raison de portabiliter sur un maximun de resolution differentes.
