Nil > pareil que toi pour les table. S'ils avaient voulu qu'on se serve des div et du css, ils n'avaient qu'à fournir un truc utilisable plutôt que d'obliger à se servir de hacks immondes.
<<< Kernel Extremis©®™ >>> et Inventeur de la différence administratif/judiciaire ! (©Yoshi Noir)
<Vertyos> un poil plus mais elle suce bien quand même la mienne ^^
<Sabrina`> tinkiete flan c juste qu'ils sont jaloux que je te trouve aussi appétissant
Savez-vous comment je pourrais faire ça avec des tables?
Car j'ai aussi essayé et je n'arrive pas à avoir une lageur fixe pour la première colonne et une largeur qui s'adapte pour la seconde avec sa barre de défilement horizontale dessous
Si l'envie de travailler te prend, assieds-toi et attends qu'elle te passe!
Nil Le 05/05/2010 à 11:15 Bon, j'ai vérifié et je ne colle pas vraiment à ce que tu cherches (toutes mes dimensions sont fixées)... j'essaye de redéfinir un layout plus proche de ce que tu cherches pour toi ^^
Nil Le 05/05/2010 à 11:41 J'ai réussi à adapter à quelque chose d'approchant, mais ça n'est pas exactement ce que tu veux... (en particulier, le scroll n'est pas pour toute la page, mais juste pour le cadre de droite).
<?xml version='1.0' encoding='UTF-8' ?>
<!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=UTF-8" />
<title>Test</title>
<style type="text/css">
body
{
padding:0px;
margin:0px;
}
table
{
table-layout:fixed;
position:absolute;
height:100%;
}
.cadre_infosIndividus
{
padding:0px;
border-collapse:collapse;
height:100%;
}
.cadre_listes
{
border: 0px none;
width:380px;
height:100%;
border-collapse:collapse;
}
.cadre_listes_inside
{
border: 0px none;
width:380px;
border-collapse:collapse;
height:100%;
overflow:hidden;
}
.cadre_infosIndividu
{
width:100%;
height:100%;
border: 0px none;
border-collapse:collapse;
}
.cadre_infosIndividu_inside
{
width:100%;
height:100%;
border: 0px none;
border-collapse:collapse;
overflow-x:auto;
overflow-y:auto;
}
ul
{
padding-left:10px;
margin-left:10px;
}
</style>
</head>
<body>
<table id='cadre_infosIndividus' class='cadre_infosIndividus'>
<tr>
<td id='cadre_listes' class='cadre_listes'>
<iframe src="testnom.html" class='cadre_listes_inside' id='cadre_listes_inside'>
</iframe>
</td>
<td class='cadre_infosIndividu'>
<iframe src="array_view.php" id='cadre_infosIndividu_inside' class='cadre_infosIndividu_inside'>
</iframe>
</td>
</tr>
</table>
</body>
</html>
Y'a plein de façons de faire ça:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">/* <![CDATA[ */
/* ]]> */</style>
</head>
<body>
<div class="left">
<div id="menu">
Gauche
</div>
</div>
<div class="right">
<div id="contents">Droite</div>
</div>
</body>
</html>
round-color: #0f0; /* Pour visualiser */
}Avec des variantes sur le CSS, par exemple:body {
position: relative;
padding: 0 0 0 250px;
margin: 0;
}
.left {
position: absolute;
margin: 0 0 0 -250px;
padding: 0;
width: 250px;
overflow: hidden;
}
.right {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
#menu {
margin: 0;
padding: 5px 10px;
overflow: hidden;
background-color: #f00; /* Pour visualiser */
}
#contents {
margin: 0;
padding: 5px 10px;
overflow: auto;
white-space: pre; /* Pour tester l'overflow */
backg
body {
position: relative;
margin: 0;
padding: 0;
}
.left {
position: absolute;
margin: 0;
padding: 0;
width: 250px;
overflow: hidden;
}
.right {
position: absolute;
margin: 0;
padding: 0;
left: 250px;
right: 0;
overflow: hidden;
}
#menu {
margin: 0;
padding: 5px 10px;
overflow: hidden;
background-color: #f00; /* Pour visualiser */
}
#contents {
margin: 0;
padding: 5px 10px;
overflow: auto;
white-space: pre; /* Pour tester l'overflow */
background-color: #0f0; /* Pour visualiser */
}
body {
margin: 0;
padding: 0 0 0 250px;
}
.left {
float: left;
margin: 0 0 0 -250px;
padding: 0;
width: 250px;
overflow: hidden;
}
.right {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
#menu {
margin: 0;
padding: 5px 10px;
overflow: hidden;
background-color: #f00; /* Pour visualiser */
}
#contents {
margin: 0;
padding: 5px 10px;
overflow: auto;
white-space: pre; /* Pour tester l'overflow */
background-color: #0f0; /* Pour visualiser */
}
Merci à vous, je vais tester ca
Si l'envie de travailler te prend, assieds-toi et attends qu'elle te passe!
Spipu Le 07/05/2010 à 13:46 pour IE6, lil faut utiliser le bon doctype switching pour que ca marche