Bonjour, je cherche à afficher une div (en gros une image, un peu de texte, dans ce genre) au milieu de ma page, la centrer horizontalement aucun soucis mais verticalement même en cherchant sur le net et en copiant les exemples partiels que je trouve rien ne fonctionne
j'arrive à quelque chose si j'utilise les px, mais en % impossible de le faire aller
Code css : 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 body{ background-color:#000; background-attachment:fixed; width:100%; height:100%; } #middle{ position: absolute; top: 50%; } #inner{ position:relative; top:-100px; background-image:url(background.png); background-attachment:fixed; margin:auto; border:#333; border-width:50px; border-style:solid; width:70%; height: 80%; text-align:center; }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <body> <div id="middle"> <div id="inner"> <img src="image.JPG" /> </div> </div> </body>
la valeur en rouge me déplace bien ma div, maintenant sa valeur dépend de la résolution du client, et en "%" rien ne se passe
je commence à peine le css donc il y a surement des incohérences dû aux multiples tentatives dans le css et toute aide est la bienvenue.
Partager