Discussion :

[MAfiO_o]

Bonjour,
voici un screen pour expliquer mon problème:


Le cadre "Filters" (entre le menu noir et le tableau) est caché par défaut, si on clique sur [+], il se déploie de cette façon.
Le problème est que ce cadre Filters passe par dessus mon tableau, alors que j'aimerais qu'il 'pousse' le tableau pour se faire la place dont il a besoin.

Voici le code CSS de ce cadre Filters:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#float_right
{
    position: absolute;
    right: 10%;
}

Voici la fonction JavaScript qui affiche/cache se cadre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function displayNone(idDiv) 
{
	var div = document.getElementById(idDiv);
	var objImg = document.getElementById('imgSubmitFilter');
	if (div.style.display == "")
	{	
		div.style.display = "none";
		objImg.src = "CSS/icone/add.png";
 
	}
	else
	{	
		div.style.display = "";
		objImg.src = "CSS/icone/remove.png";
	}
 
 
}

Et voici le code HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<div id="float_right" style="background-color: rgb(150,150,150)">
	<fieldset style="border:1px solid grey">
		<image src="CSS/icone/add.png" name="imgSubmitFilter" id="imgSubmitFilter" onclick="displayNone('filters_plus');">
		&nbsp;&nbsp;
		<label style="font-family:Calibri; font-size:70%;vertical-align: middle;">Filters</label>
		<br/>
texte
		<label for="fi_cockpit" style="font-size:70%;vertical-align:middle;">Cockpit</label>
		<select id="fi_cockpit" name="fi_cockpit" onchange="fiRefresh();">
		<option>texte</option>
		</select>
 
		<div id="filters_plus">
texte
		</div>
	</fieldset>
</div>

le include situé dans la div "filter_plus" ne contient que des checkbox, et un select.


Voilà, si quelqu'un pourrait m'aider, merci beaucoup!

[Poulpynette]

Voici le code CSS de ce cadre Filters:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#float_right
{
    position: absolute;
    right: 10%;
}

Tu as essayé d'enlever le position: absolute; ?

[MAfiO_o]

Oui, ça ne change rien :s

[Poulpynette]

Et d'utiliser ça après l'élément contenant ton "float" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="clear: both;"></div>

[MAfiO_o]

Non ça ne change toujours rien


merci de ton aide en tous cas

[Poulpynette]

Oh ben j'aide pas beaucoup là ...

Je vais me pencher un peu plus sur ton code.