[CSS]Coupler largeur % et pxRésolu/Fermé

Question

Bien le bonjour,
Voila je butte aujourd'hui sur un problème auquel je n'avais jamais été confronté...

Explication de la situation : 

J'ai un calque à Gauche de largeur fixe (400px , 100%), je souhaiterais avoir un calque à droite de celui ci occupant tout l'espace restant, donc faisant (100% - 400px ; 100%)
Autrement dis qu'il occupe la totalité de l'espace restant...


Voici mon code(qui ne marche pas...)

body{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}
.Menuflash{
	position:absolute;
	width:400px;
	height:100%;
	left:0px;
}

.Contenu{
	position:absolute;
	margin-left:400px;
	width:100%;
	height:800px;
	
}



Le problème étant qu'au lieu de me faire 100% de l'espace restant, il me fais 100% de la fenêtre du navigateur plus 400 pixels, et je me retrouve donc avec une scroll horizontale....

Si quelqu'un avais la solution ...

Je vous remercie d'avance.

donuts08 · Answer

bonjour,

pourquoi pas comme ça?

body{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}

.Menuflash{
	float: left;
	width:400px;
}

.Contenu{
	float: left;
}

herty · Answer

Oulala, j'ai fais mon boulet là, j'ai répondu dans les topics....
Et n'étant pas membre je peu pas l'enlever, je vous pris de l'excuser (mode boulet : ON)
Sinon merci d'avance, mais je ne vois pas trop en quoi cela pourrais résoudre mon problème ne l'ayant jamais utiliser je ne sais trop comment faire,
Si tu pouvais m'expliciter un peu le topos ^^

Merci d'avance

donuts08 · Answer

as-tu essayé le code au moins? tu aurais vu le résultat...

le float: left permet de placer l'élément à gauche de la page, si tu mets les deux comme ça, ils seront collés à gauche
parcontre pour que le deuxième élément occupe la totalité de la page tu peux essayer de mettre un pourcentage dans le width ou une valeur fixe mais je pense pas que tu pourras faire autrement

donuts08 · Answer

hum... je viens de vérifier ton code, si ton problème c'est juste l'ascenseur horizontal essaies de mettre des tailles fixes partout... le total doit pas faire plus de 1000px sinon après pour les petits écrans ce sera pas le top... ou mieux, tu mets des pourcentages mais là c'est ton menu qui sera parfois trop grand, à toi de voir

Beigbe · Answer

Bonjour  herty,

Puis je savoir si tu as trouvé une reponse a ta question ?

Je rencontre actuellement le meme probleme

bg62 · Answer

bonjour
... allez .. je "repique ma crise" :
ce forum est un forum d'entraide, l'inscription y est gratuite, alors pourquoi rester 'anonyme' ?
cela ne coûte rien de s'inscrire, et c'est beaucoup plus sympa vis-à-vis de ceux qui voudront vous aider ...
@+
b g

[CSS]Coupler largeur % et px

6 réponses

Discussions similaires

Newsletters