Discussion :

[Istrella]

Bonjour !

Alors voilà, je reviens par ici pour un autre problème de mise en page

- ici, ma page de test : -->là<--

- ici, mon code CSS pour la partie qui m'interresse :

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
33
34
35
36
#corps {width:1024px;
height:513px;
}
 
#cheminfer{width:174px;
height:513px;
background-color:#64AF5A;
float:left;
}
#cheminfer ul {width:174px;
height:513px;
}
 
#cheminfer li {
text-decoration:none;
}
 
#decochemin{
background-image:url(images/cheminfer.jpg);
background-repeat:no-repeat;
width:11px;
height:513px;
background-color:#64AF5A;
float:left;
}
 
#contenu {width:828px;
height:513px;
padding:267px;
background-color:#64AF5A;
background-image:url(images/degrade.jpg);
background-position: right;
background-repeat:no-repeat;
padding-top:10px;
padding-left:10px;
}

Là, mon 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
	<div id="decochemin"></div>
	<div id="cheminfer">
				<?php
				// Affiche le chemin de fer
				echo affiche_chemin_fer($_ENV['id_page']);
				echo affiche_plan_site($_ENV['id_page']);
				?>
	</div>
	<div id="decochemin"></div>
	<div id="contenu"><?php
		//Affiche contenu
		echo $_ENV['contenu']; 
		?></div>

Alors mes problèmes :

1) Concernant le chemin de fer, le formatage de mes li fonctionne sous IE, mais les puces apparraissent toujours sous Firefox, là je ne comprends pas.
En revanche, les dimensions de mon div qui contient le chemin de fer sont respectées sur FF (mais en largeur uniquement), mais pas sous IE (en tous cas dès qu'un sous-menu apparait.) Ou est-ce que j'ai fauté ?

2) Concernant le bloc de contenu, là c'est l'anarchie
J'ai mon div de contenu qui est cencé se positionner à droite de mon chemin de fer, avec une image dégradée en background right et là ça s'affiche un peu partout, sauf là ou je veux. Une idée pour positionner tout ça de manière correcte ?

Merci beaucoup pour votre aide !

[CR_Gio]

Salut

Code :

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

1
2
3
Erreur SQL : You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1
SQL string : SELECT `Titre`, `Id_parent` FROM `pages2` WHERE `Id_page` =
Merci d'envoyer ce message au webmaster

... de rien :-)

[Istrella]

Je n'ai pas d'erreurs sql pour ma part !

D'autres ont une erreur ???

[fallais]

Euh je ne comprend pas trop ton "chemin de fer", d'ailleur j'en vois aucun ...

[Istrella]

Euh je ne comprend pas trop ton "chemin de fer", d'ailleur j'en vois aucun ...

Le menu de navigation de gauche

[fallais]

Si je comprend bien tu voudrais que ta page s'arrete la ou le grand menu du haut s'arrete (horizontalement) c'est ca ?

[masu]

pour ton probleme de puces c'est tres simple, il suffit d'utiliser la bonne propriété css.

Code :

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

1
2
3
4
5
6
#cheminfer ul {
  width: 174px;
  height: 513px;
  list-style-type: none;
}

tu a un probleme d'imbrication tu ne ferme pas ton div baremenu.

[edit]Autre probleme tu as deux fois l'id 'decochemin'. Un id doit etre unique dans une page.

Enfin dans ton menu le dernier li est vide.

Code :

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

<li class="degrade2"></li>

[Istrella]

Si je comprend bien tu voudrais que ta page s'arrete la ou le grand menu du haut s'arrete (horizontalement) c'est ca ?

C'est cela Mais j'ai également le problème avec le menu de gauche, qui lui, ne conserve pas ses proportions en largeur sous IE (mais sous FF oui).

[Istrella]

Tout d'abord, merci pour votre aide (et votre patience envers les débutants )

pour ton probleme de puces c'est tres simple, il suffit d'utiliser la bonne propriété css.

Exact, ça fonctionne

tu a un probleme d'imbrication tu ne ferme pas ton div baremenu.

Encore exact, désolé pour ces erreurs de débutante....

[edit]Autre probleme tu as deux fois l'id 'decochemin'. Un id doit etre unique dans une page.

Cela je ne le savais pas. Comme ça s'affichait correctement, je ne l'aurai sûrement jamais su. J'ai corrigé mais cela ne change rien, ni sous FF, ni sous IE

Enfin dans ton menu le dernier li est vide.

Code :

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

<li class="degrade2"></li>

ça, je l'ai fait exprès, pour intégrer le dégradé à la fin de ma barre de menu. J'ai eu du mal à le positionner correctement, et cette solution s'est avérée efficace. Maintenant si une solution plus "académique" existe, je veux bien prendre Après tout c'est ainsi qu'on apprend !

[Istrella]

Bon alors finalement, après moultes tâtonnements je suis parvenue à ce que je voulais, à peu de choses près. Voilà ce que ça donne

Par contre, j'ai les problème suivant :

1) Sous Firefox : ma barre de navigation gauche s'étend vers le bas au fur et à mesure que l'arborescence se déploie. J'ai essayé avec des "max-height" dans mon CSS, mais rien à faire.

2) Sous IE : ça s'affiche correctement tant qu'on reste sur la page d'accueil. Par contre, si on déploie l'arborescence du menu de gauche, le div du menu de gauche s'élargit et "pousse" le reste de la page vers la droite. Et là ça donne du grand n'importe quoi !

Autrement dit, ma barre de navigation gauche a tendance à s'étaler en largeur sous IE, et en hauteur sous FF.

Une idée pour résoudre le problème ?

Merci d'avance pour votre aide !

[EDIT] Ok, c'est bon j'ai trouvé. ça m'apprendra à ne pas lire ce qui était sous mon nez. Désolée...