[CSS] width: (100% - 140px)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] width: (100% - 140px)

sire de Botcor

Armorican way of life

Salut !!

Je cherche à faire la chose suivante en CSS :
faire apparaître un div (un tableau) à une endroit précis (pour le point haut-gauche) mais d'une largeur qui dépend de la taille de l'écran :
je voudrais qu'il aille jusqu'au bout de l'écran excepté 140 pixels.

j'ai tenté width: 100% - 140 mais ça ne passe pas...

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron

Publicité

skylight

Made in France.

En CSS :
width : auto;
margin-right : 140px;

sire de Botcor

Armorican way of life

Merci
mais problème : il me grandit le div plus que la taille de la page : le "margin-right : 140px;" ne doit pas fonctionner ?

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron

Hermes le Messager

Breton Quiétiste

sire de Botcor a écrit :

Merci
mais problème : il me grandit le div plus que la taille de la page : le "margin-right : 140px;" ne doit pas fonctionner ?

url ?

skylight

Made in France.

sire de Botcor a écrit :

Merci
mais problème : il me grandit le div plus que la taille de la page : le "margin-right : 140px;" ne doit pas fonctionner ?

Tu utilise IE ?
Modèle de boite IE ?

Le CSS que je t'ai indiqué ci-dessus est un modèle standard.
Passe très bien sous IE / Moz.

Message édité par skylight le 30-04-2004 à 16:55:19

sire de Botcor

Armorican way of life

L'adresse c'est http://carcreff.free.fr/projet/index.htm

Il s'agit du cadre central dont le côté droit doit s'aligner avec le cadre du titre.

On doit le faire fonctionner avec Internet Explorer 6

Le CSS : http://carcreff.free.fr/projet/style.css
Dans la rubrique 'centre' presque tout en bas

Message édité par sire de Botcor le 30-04-2004 à 17:01:42

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron

skylight

Made in France.

J'ai pas beaucoup de temps, mais :

Met un DTD de type XHTML 1.1, puisque ton code a l'air valide.

Ca indiquera à IE et Moz de ne pas traiter ta page web en mode "quirks" (mode compabilité vieux navigateurs).

skylight

Made in France.

Vire tes 2 premiers lignes, dans ton documents HTML (HTML 4.01 et <html> )

et remplace par ça :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr">

fastclemmy

(re-)Dictateur en plastique

Mets tes trois menus de gauche en :
float:left;
clear:left;

Enlève le position absolute de ton <div> centre et rajoute-lui une margin-left:140px;

sire de Botcor

Armorican way of life

J'ai essayé vos deux solutions mais ça ne marche pas non plus !

Message édité par sire de Botcor le 30-04-2004 à 17:47:53

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron

Publicité

fastclemmy

(re-)Dictateur en plastique

J'oubliais, il faut virer le width:100% aussi...
http://www.fastclemmy.com/tests/plop/

skylight

Made in France.

Tu rajoutes le margin-right:140px; aussi

goodspirit

tu peux pas tout simplement calaculer en javascript la largeur de l'écran-140pixel é l'intégrer par du javascript dans le style de ta <div>?

sire de Botcor

Armorican way of life

[:spikler]

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] width: (100% - 140px)

Sujets relatifs
[CSS XHTML PRO] Avis sur 2 pages	[CSS] mise en page et largeur dynamique
Disposition de blocs en CSS	[html/css] espacement vertical ?
Feuilles de style : CSS	[CSS] Un p'tit truc bizarre : marge disparait au passage de souris
[RESOLU][CSS] Pb d'alignement avec balise <ul> -> Merci Lord ii !	[HTML - CSS- JS] Rollover sonore [Résolu]
[CSS] Probleme de mise en forme...	[css] differencier les input type= ... avec de la css ..?
Plus de sujets relatifs à : [CSS] width: (100% - 140px)

Page générée en 0.050 secondes