28112 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un bouton "close" sur ma page qui apparaît en position "sticky" et "relative" mais qui disparaît en position "fixed". C'est la première fois que je suis confronté à ce problème.
Je vous laisse mes CSS :
#image {
width: 30px;
margin-right: 1%;
margin-top: 1%x;
position: fixed;
}

ainsi que le début du HTML :
    <body>
        <div class="container">

		<input type="image" id="image" src="images/close.gif" onClick="parent.close()">

			<div class="main">

				<header class="clearfix">

Merci pour votre aide,
P.
C'est le
 text-align: right;
du body qui fait que le bouton ne s'affiche pas en fixed. Il s'affiche si je le mets en left ou center.
Le body prends le dessus sur la div image, même en !important, mes css de "image" n'agissent pas.;
body {
	font-family: 'chunkfive', 'Lato', Calibri, Arial, sans-serif;
    background: black;
    font-size: 15px;
    color: white;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: right;
}

Merci.
Tu le veux fixe sur la page mais tu ne déclares pas où ; du coup le navigateur ne sait pas où le mettre. Intuitivement je dirais que c'est ça.
Meilleure solution