Div qui bouge pas

Version imprimable

24/12/2008, 12h06
lionel84

Div qui bouge pas

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
24/12/2008, 12h10
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...

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:

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:

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

24/12/2008, 17h31
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.

-
25/12/2008, 22h57
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 -_____-
26/12/2008, 23h33
RomainVALERI

Citation:

Envoyé par Deallyra

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... 8O

salut,

J'ai viré toute reference à la positionmais ça marché pas, au fait moi j'utilise un framework qui s'appelle EXTJS , voici le code qui génère le Div qui ne bouge pas

Code:

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',renderTo: 'news_toto',items: grid});
                });
        </script>

05/01/2009, 16h45
GihefBey

Ici le Javascript n'est d'aucune utilité.

Par contre, un lien vers la page et la feuille de styles, là, oui.

-
06/01/2009, 10h01
lionel84

Le javascript sera utile une fois le chargement de la page sera terminé, c'est la fonction onReady() qui sera appelé pour déclencher le chargement du flux xml avec javascript, au fait j'ai un div quelque part dans la page dont l'id est news-toto, ce div va être rempli avec ce bout de code javascript, mais je pense que le problème ne vient pas de ça parce que ça marche super bien sur firefoxe et tout est nikel mais c'est juste sous IE que ça foire donc ça devrait être lié aux css IE