High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

[CSS]Coupler largeur % et px

Dernière réponse le 12 déc 2008 à 12:29:52 herty, le 26 sep 2008 à 16:51:47 
 Signaler ce message aux modérateurs

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.
Configuration: Windows XP
Firefox 3.0.2

Meilleures réponses pour « [CSS]Coupler largeur % et px » dans :
CSS:largeur fixe/relative ...est-ce possible? Voir
Mise en page CSS - problème largeur div Voir
[Webmaster] Adapter un site à toutes les résolutions, le centrer Voir Une question récurrente sur ce forum est "Comment adapter mon site à la résolution du visiteur ? Quelle résolution choisir ?" Pas besoin de se compliquer la vie pour ça ! Comment faire Il suffit d'appliquer une largeur relative (=qui change selon...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. www.topstyle4.com
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Posez votre question Répondre

1

donuts08, le 26 sep 2008 à 17:02:18

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;
}

   
Répondre à donuts08

2

herty, le 26 sep 2008 à 17:37:00

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

   
Répondre à herty

3

donuts08, le 26 sep 2008 à 18:40:33

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

   
Répondre à donuts08

4

donuts08, le 26 sep 2008 à 18:51:41

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

   
Répondre à donuts08

5

Beigbe, le 12 déc 2008 à 11:50:40

Bonjour herty,

Puis je savoir si tu as trouvé une reponse a ta question ?

Je rencontre actuellement le meme probleme

   
Répondre à Beigbe

6

 bg62, le 12 déc 2008 à 12:29:52

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
le 'www' est fait aussi pour communiquer, partager et échanger, non ?

   
Répondre à bg62
Posez votre question Répondre
Ils ont besoin de votre aide