Problème de positionnement

**frankthechamp** · 01/12/2008, 03h47

À chaque fois que je positionne mon contenu dans le haut (exemple du texte dans un div) et que je rapetisse ma page, les liens qui sont dans le bas entrent dans le tableau. Comment pourrais-je régler ce problème?

Merci à l'avance.

**c_s_s** · 01/12/2008, 09h49

Bonjour,

Il suffit de modifier le code.

Plus sérieusement, si tu n'indiques pas de lien vers une page en ligne ou si tu ne donnes pas le code HTML/CSS, je ne vois pas comment on pourrait trouver l'origine du problème.

**devyan** · 01/12/2008, 15h42

Envoyé par c_s_s

Bonjour,

Il suffit de modifier le code.

Plus sérieusement, si tu n'indiques pas de lien vers une page en ligne ou si tu ne donnes pas le code HTML/CSS, je ne vois pas comment on pourrait trouver l'origine du problème.

Salut c_s_s,

M'est avis que tu devrais mettre ce texte dans ta signature

Vu le nombre de fois que tu es "obligé" de le répéter

**frankthechamp** · 01/12/2008, 18h42

Le HTML:

Code html :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-FR" lang="fr-FR"> 
 
<head>
    <link href="../CSS/ch.css" media="all" rel="stylesheet" type="text/css" />
	<title>Les Canadiens de Montréal</title>
	<meta http-equiv="Content-type" content="text/html ; charset=iso-8859-1" />
</head>
<body>
	<div class="div4">Intronisations au Temple de la Renommée et Chandails retirés</div>
	<div class="div24">
	<table border="1">
		<tr>
			<th>Nom</th>
			<th>Date d'intronisation</th>
		</tr>
		<tr>
			<td>Howie Morenz</td>
			<td>Avril 1945</td>
		</tr>
		<tr>
			<td>Georges Vézina</td>
			<td>Avril 1945</td>
		</tr>
		<tr>
			<td>Aurele Joliat</td>
			<td>Avril 1947</td>
		</tr>
		<tr>
			<td>Newsy Lalonde</td>
			<td>Juin 1950</td>
		</tr>
				<tr>
			<td>George Hainsworth</td>
			<td>Juin 1961</td>
		</tr>
		<tr>
			<td>Jack Laviolette</td>
			<td>Août 1962</td>
		</tr>
		<tr>
			<td>Didier Pitre</td>
			<td>Août 1962</td>
		</tr>
 
	</table>
	</div>
	<div class="div22">
		<table border="1">
		<tr>
			<th>Numéro</th>
			<th>Joueur</th>
			<th>Chandail retiré le</th>
		</tr>
 
		<tr>
			<td>19</td>
			<td>Larry Robinson</td>
			<td>19 novembre 2007</td>
		</tr>
		<tr>
			<td>23</td>
			<td>Bob Gainey</td>
			<td>23 février 2008</td>
		</tr>
	             </table>
	</div>
	<div class="div18">
		<a href="index.html"><img src="../Images/btnhome.gif" alt="Bouton accueil" /></a>
		<a href="formation.html"><img src="../Images/btnleft.gif" alt="Bouton gauche" /></a>
		<a href="questionnaire.html"><img src="../Images/btnright.gif" alt="Bouton droit" /></a>
	</div>
</body>
</html>

Partie CSS:

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
.div4	{
		text-align:center;
		font-size:24px;
		}
 
.div24	{
		position:absolute;
		left:300px;
		top:75px;
		}
 
.div18	{
		position:absolute;
		left:20px;
		top:1350px;
		}
 
.div22	{
		position:absolute;
		left:600px;
		top:75px;
		}

Pour vérifier mes pages, j'utilise Firefox et IE.

Merci à l'avance.

frankthechamp

**devyan** · 01/12/2008, 20h34

Salut,

Le "problème" que tu constates est : TOUT A FAIT NORMAL...

Effectivement, tes navigateurs font exactment ce que tu leur a demandé (pour une fois que c'est le cas il faut tout de même le préciser non ?

)

Plus sérieusement voici pourquoi :

A part pour le premier DIV (div4) tous les autres sont en "position:absolute".
Ce qui veut dire que tu les positionnes lors de la construction de la page et qu'ils ne doivent plus bouger.
La preuve : lorsque tu as modifié les dimensions de ta page et que les cadres se chevauchent tout est corrigé si tu demandes une mise à jour de ta page (F5).

Voilà

**frankthechamp** · 02/12/2008, 03h50

J'ai laissé mes div comme ils étaient et j'ai mis de plus grands espaces entre chaque élément ce qui fait que plus rien ne se chevauche. Maintenant je me retrouve avec de grands espaces vides et ce n'est pas ce qu'il y a de mieux... mais c'est mieux que rien. Ce que je me demande, c'est comment faire pour que, lorsque je diminue la taille de ma fenêtre, le texte demeure caché sans suivre la fenêtre et se déplacer en sautant toujours une ligne pour ainsi prendre beaucoup de place. Si vous êtes des pros, ça peut vous sembler facile, mais sachez que je ne fais du CSS que depuis 2 semaines, ce qui explique ma plus ou moins grande compétence.

Merci à l'avance
frankthechamp

Problème de positionnement

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager