Discussion :

[lionel84]

Bonjour,

Je suis pas un spécialiste HTML ni CSS et j'ai un problème avec un div qui ne bouge pas au fait j'ai un tableau qui contient un <td>, ce <td> contient lui meme un div mais le problème c'est que si je scolle le div ne bouge pas il reste dans ça place sur l'écran comme si on lui avait précisé les coordonnées sur l'écran j'ai joué sur la position, j'ai mis <style ="position: relative"> et j'ai mis aussi absolute et ça marche pas toujours

ple helppppp

merci

[BnA]

Salut.

Sans voir ton code, je peux déjà te dire qu'un DIV dans un TD, c'est plus que déconseillé: les tableaux ne doivent pas servir à la mise en page, et une DIV dans un tableau, je ne l'ai personnellement jamais vu...

Après, s'il y a plus que probablement une solution simple à ton problème, je suis pas devin (tout comme beaucoup ici), et un peu de ton code nous aiderait très certainement à comprendre le souci que tu rencontres...

[lionel84]

Salut,

Oui tu as raison d'être étonné par le fait que j'ai mis un div dans un TD, Je ne suis pas un spécialiste de mise en forme et c'est la première fois que je touche du HTML et du CSS,

voilà un extrait du code :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
<div>
	<table cellspacing="0" >
		<tr >
			<td>
				<div style="background-image: url('<fmt:message key="atelio.doc.acceuil.e-news.bandeau.header.img" bundle="${ApplicationImages}"/>'); width: 288px;">
					<table>
						<tr>
							<td align="left">
								<div style="background-image: url('<fmt:message key="atelio.doc.acceuil.news.icon.img" bundle="${ApplicationImages}"/>'); background-repeat: no-repeat; width: 30px; height: 25px;"></div>
							</td>
							<td>
				 				<table>
				 					<tr>
				 						<td>
				 							<bean:message key="news.title"/>
				 						</td>
				 					</tr>
				 				</table>
							  </td>
						</tr>
					</table>
				</div>
			</td>
		 </tr>
		 <tr>
		 	<td>
		 		<div id="news_toto" style="width: 288px;"/>
		 	</td>
		 </tr>
	 </table>
 
</div>

et le div news_toto va être rempli par le code Javascript (extjs ) suivant :

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
                var contextPath = '<c:url value='/'/>';
                Ext.onReady(function(){
                        var grid = new FeedGrid(this);
                        var newsPanel = new Ext.Panel({ id: 'news-panel',style: 'position: relative',renderTo: 'news_toto',items: grid,floating: false});
                });
        </script>

J'espère que ça t'aider à m'aider et grand merci d'avance

[GihefBey]

Bonjour,

Essaye en enlevant toute référence à un type de position.

Si la <div> est dans le <td>, elle suivra le mouvement.

Il faudrait voir ta feuille de styles.

-

[Deallyra]

Bonsoir,

Je te conseille également d'aller faire un tour au niveau de ce tutoriel pour apprendre à faire une mise en page avec des divs.

Tu t'y retrouveras beaucoup plus aisément qu'avec deux tableaux imbriqués, des tr, td, et divs.

edit suite à Romain Valeri :

En effet... Trois tableaux -_____-

[RomainVALERI]

Tu t'y retrouveras beaucoup plus aisément qu'avec deux tableaux imbriqués, des tr, td, et divs.

Tu veux dire trois tableaux imbriqués...