28172 sujets

CSS et mise en forme, CSS3

[RESOLU]Position:fixed sur firefox

Bonjour,

J'ai un problème à vous soumettre : la position: fixed sur firefox se comporte comme une position:absolute;
J'ai beau creuser je ne comprend pas pourquoi. Auriez-vous une idée ?? Merci
code à directement c/c pour vos tests
Edit : je suis sur ubuntu et utilse "firefox pdeveloper Edition 45.0a2" je vais tester sur une autre version au cas ou

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		html{height:100%;}
		body{min-height:100%;position:relative;}
		#main{width:30%; background-color:#ff8800;}
		#bar{height:50px; width:100%;background-color: yellow;position:fixed;bottom:0;}
	</style>
</head>
<body>
	<div id="main">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, quod autem iure ipsum, vero eius voluptatum! Commodi esse illum sint quas veniam tempore id sunt aperiam! Fugiat, alias totam suscipit quo repellendus, vel ipsa maxime inventore, accusamus mollitia esse voluptatibus nulla repudiandae. Numquam incidunt autem ab eligendi explicabo fugiat vel dolore id sunt. Perspiciatis fugit corporis quae incidunt libero assumenda quo possimus deserunt eos repellat quibusdam maiores amet unde quia rerum veniam, fugiat aliquam ullam natus, sit dolorum delectus ea id, sapiente non. Corporis est sit dolorem odio quisquam sequi ipsum eos odit omnis mollitia, consequatur nesciunt sed iste commodi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, quod autem iure ipsum, vero eius voluptatum! Commodi esse illum sint quas veniam tempore id sunt aperiam! Fugiat, alias totam suscipit quo repellendus, vel ipsa maxime inventore, accusamus mollitia esse voluptatibus nulla repudiandae. Numquam incidunt autem ab eligendi explicabo fugiat vel dolore id sunt. Perspiciatis fugit corporis quae incidunt libero assumenda quo possimus deserunt eos repellat quibusdam maiores amet unde quia rerum veniam, fugiat aliquam ullam natus, sit dolorum delectus ea id, sapiente non. Corporis est sit dolorem odio quisquam sequi ipsum eos odit omnis mollitia, consequatur nesciunt sed iste commodi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, quod autem iure ipsum, vero eius voluptatum! Commodi esse illum sint quas veniam tempore id sunt aperiam! Fugiat, alias totam suscipit quo repellendus, vel ipsa maxime inventore, accusamus mollitia esse voluptatibus nulla repudiandae. Numquam incidunt autem ab eligendi explicabo fugiat vel dolore id sunt. Perspiciatis fugit corporis quae incidunt libero assumenda quo possimus deserunt eos repellat quibusdam maiores amet unde quia rerum veniam, fugiat aliquam ullam natus, sit dolorum delectus ea id, sapiente non. Corporis est sit dolorem odio quisquam sequi ipsum eos odit omnis mollitia, consequatur nesciunt sed iste commodi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, quod autem iure ipsum, vero eius voluptatum! Commodi esse illum sint quas veniam tempore id sunt aperiam! Fugiat, alias totam suscipit quo repellendus, vel ipsa maxime inventore, accusamus mollitia esse voluptatibus nulla repudiandae. Numquam incidunt autem ab eligendi explicabo fugiat vel dolore id sunt. Perspiciatis fugit corporis quae incidunt libero assumenda quo possimus deserunt eos repellat quibusdam maiores amet unde quia rerum veniam, fugiat aliquam ullam natus, sit dolorum delectus ea id, sapiente non. Corporis est sit dolorem odio quisquam sequi ipsum eos odit omnis mollitia, consequatur nesciunt sed iste commodi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, quod autem iure ipsum, vero eius voluptatum! Commodi esse illum sint quas veniam tempore id sunt aperiam! Fugiat, alias totam suscipit quo repellendus, vel ipsa maxime inventore, accusamus mollitia esse voluptatibus nulla repudiandae. Numquam incidunt autem ab eligendi explicabo fugiat vel dolore id sunt. Perspiciatis fugit corporis quae incidunt libero assumenda quo possimus deserunt eos repellat quibusdam maiores amet unde quia rerum veniam, fugiat aliquam ullam natus, sit dolorum delectus ea id, sapiente non. Corporis est sit dolorem odio quisquam sequi ipsum eos odit omnis mollitia, consequatur nesciunt sed iste commodi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, quod autem iure ipsum, vero eius voluptatum! Commodi esse illum sint quas veniam tempore id sunt aperiam! Fugiat, alias totam suscipit quo repellendus, vel ipsa maxime inventore, accusamus mollitia esse voluptatibus nulla repudiandae. Numquam incidunt autem ab eligendi explicabo fugiat vel dolore id sunt. Perspiciatis fugit corporis quae incidunt libero assumenda quo possimus deserunt eos repellat quibusdam maiores amet unde quia rerum veniam, fugiat aliquam ullam natus, sit dolorum delectus ea id, sapiente non. Corporis est sit dolorem odio quisquam sequi ipsum eos odit omnis mollitia, consequatur nesciunt sed iste commodi.
	</div>
	<div id="bar"></div>	
</body>
</html>

Modifié par J_B (29 Jan 2016 - 20:42)
Bon je me répond à moi- même, apparemment j'ai la malchance d'avoir la seule version sur laquelle le code ne marche pas - heureusement elle n'est pas utilisé par mes clients.

Désolé pour ce post, inutile du coup Smiley confus
Sujet clos
Aller à