Menu
a droite en fixed à rapport a body Résolu/Fermé

Question

salut all ,

j'ai un texte et un menu de navigation donc texte dans balise section et menue dans une balise nav
je veut que le texte soit a gauche et le menue a droite mais que le menue soie en position fixe
le blem et que je veut pas qu'il se place par rapport au bort de l'écran mais par rapport a la balise body comme ça il suis le positionnement du site quand l'ecrant utilisateur a une petite résolution
et je trouve pas comment faire sa me saoule grave alors si quelqu'un a la soluce
MERCI D'AVANCE !!!
mon code css : 


nav
{
	width: 20%;
	text-align: left;
        display: inline-block;
        border: 3px blue outset;
	border-radius: 10px;
	position: fixed;
	right: 0px;
	
}

section
{
	width: 80%; 
	display: inline-block;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", "Comic Sans MS", Georgia, serif;
	border: 3px blue outset;
	
}

tomtom02 · Answer

Bjr,

Pour le positionnement, regarde un peu le site du zéro:

http://www.siteduzero.com/tutoriel-3-13566-le-positionnement-en-css.html

Bon courage.

TECKNON · Answer

UP SVP!!!!

TECKNON · Answer

UP SVP!!!!

xdiz · Answer

Bonjour,

Tu dois mettre ta navigation à droite grâce au flottant : float:right, cela donnera:

#nav {
	width: 20%;
	text-align: left;
        float: right;
        border: 3px blue outset;
	border-radius: 10px;
	position: fixed;
	right: 0px;	
}

#section
{
	width: 80%; 
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	font-family: "Times New Roman", "Comic Sans MS", Georgia, serif;
	border: 3px blue outset;
}


Une partie du code HTML serait le bienvenu ;)

xdiz · Answer

J'ai dis une bêtise, une position flottante (propriété float:right) ne peut être cumulée avec une position fixe (propriété position:fixed).

Ton code passe avec Chrome et Firefox mais pas avec IE (presque normal).

Tape dans google : position fixed + float, tu auras des idées.

Tu places ta navigation juste après ta balise body si tu veux que ton menu "touche le body au lieu de toucher l'écran".

Utilisateur anonyme · Answer

Bonjour, Ton fichier html (il faut inverser nav et section) :

titre de reve

testestetstetstststsststteteteteetet

Et ton fichier css : body { margin:auto; width:900px; } nav { margin-left:80%; text-align: left; border: 3px blue outset; border-radius: 10px; } section { float:left; width: 80%; font-size: 90%; font-weight: bold; text-align: left; font-family: "Times New Roman", "Comic Sans MS", Georgia, serif; border: 3px blue outset; }

xdiz · Answer

@Adenora : le menu "nav" n'est pas en position fixed dans ton exemple ...

@tecknon : ce que tu veux faire n'est pas possible (voir cet article) : https://www.alsacreations.com/tuto/lire/608-initiation-positionnement-css.html#position-fixe.

Par contre tu peux essayer de faire comme sur ce site (http://www.comune.carlopoli.cz.it/last-news/200-piano-di-rientro-regionale-sanitario-guardie-mediche.html) avec le petit bloc des réseaux sociaux qui reste à gauche du bloc contenu.

PS : pense à utiliser l'extension Firefox Firebug si ce n'est pas déjà le cas ;)

Utilisateur anonyme · Answer

Mon code fonctionne et est tiré du site du zéro, donc pourquoi utiliser position:fixed.
Et il passe sous IE, si on rajoute un script.

xdiz · Answer

Ton HTML et CSS fonctionne, certes il est à droite, mais son menu n'est pas en position fixe.   
Son but est d'avoir son menu de droite qui reste toujours affiché à l'écran quelque soit le scroll vers le bas. 

1) Pensez à marquer votre discussion comme [Résolu].  
2) Détaillez votre problème un maximum, afin qu'on puisse établir un diagnostic précis

TECKNON · Answer

merci de votre aide mais tu es sur c'est pas possible ? il doit y avoir une solution quand même c'est con si non

Menu <nav> a droite en fixed à rapport a body

10 réponses

Discussions similaires