[HTML - CSS] Problème de positionnement. (bis)
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:
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:
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 :D
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 !
