Css : Position: fixed Problème !

Résolu/Fermé
killianballuais Messages postés 31 Date d'inscription dimanche 25 août 2013 Statut Membre Dernière intervention 26 octobre 2014 - 16 oct. 2013 à 20:51
Stanislas Poisson Messages postés 423 Date d'inscription samedi 1 décembre 2012 Statut Membre Dernière intervention 22 mai 2018 - 17 oct. 2013 à 18:44
Bonjour,

Je suis entrain de crée je style de monte site, mais je rencontre un problème avec le "position: fixed;". Je voulais que le Header soit fixe, chose que j'ai réussis en rajoutent la position fixed, mais depuis que je l'ai rajouté le side bar et le main content ne fonctionne plus ! Pourquoi comment faire ?

Merci à tout ceux qui pourront m'aider :)

A voir également:

4 réponses

killianballuais Messages postés 31 Date d'inscription dimanche 25 août 2013 Statut Membre Dernière intervention 26 octobre 2014 1
16 oct. 2013 à 20:52
Voici le lien que j'ai oublié : http://networksfans.com/teste/
0
Stanislas Poisson Messages postés 423 Date d'inscription samedi 1 décembre 2012 Statut Membre Dernière intervention 22 mai 2018 66
17 oct. 2013 à 14:34
Par defaut, les éléments sont relatif les un par rapport au autres. Quand tu change le type de position par un éléments: absolut ou fixed, l'élément sort du flux et ne sera plus un point de reference natif pour la mise en page.

Pour ton probleme, il te faut placer un margin-top sur la sidebar et le main afind e faire redescendre c'est element à la place qu'ils sdoivent occuper.
0
killianballuais Messages postés 31 Date d'inscription dimanche 25 août 2013 Statut Membre Dernière intervention 26 octobre 2014 1
17 oct. 2013 à 18:40
Non, ce n'est pas ça le problème, j'a i aussi poster ce probleme sur Open Class Room, et ils m'ont dit que c'était le padding de la Barre Recherche qui possait probleme, mais le sujet est résolu, merci à toi :)
0
Stanislas Poisson Messages postés 423 Date d'inscription samedi 1 décembre 2012 Statut Membre Dernière intervention 22 mai 2018 66
17 oct. 2013 à 18:44
Heu... le padding d'un element qui n'est plus dans le flux car contenue dans le header{position:fixed,}?

met un aside#sidebar,section#main{margin-top:40px;} tu verras que t'est élément seront replacer proprement.
0