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

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

Marsh Posté le 30-04-2004 à 15:50:37    

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
Reply

Marsh Posté le 30-04-2004 à 15:50:37   

Reply

Marsh Posté le 30-04-2004 à 15:52:40    

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

Reply

Marsh Posté le 30-04-2004 à 15:57:45    

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
Reply

Marsh Posté le 30-04-2004 à 16:50:02    

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 ?

Reply

Marsh Posté le 30-04-2004 à 16:55:00    

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
Reply

Marsh Posté le 30-04-2004 à 17:00:40    

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
Reply

Marsh Posté le 30-04-2004 à 17:17:12    

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).

Reply

Marsh Posté le 30-04-2004 à 17:19:41    

Vire tes 2 premiers lignes, dans ton documents HTML (HTML 4.01 et <html> )
 
et remplace par ça :  
 

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

Reply

Marsh Posté le 30-04-2004 à 17:37:39    

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;

Reply

Marsh Posté le 30-04-2004 à 17:47:02    

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
Reply

Marsh Posté le 30-04-2004 à 17:47:02   

Reply

Marsh Posté le 30-04-2004 à 17:52:36    

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

Reply

Marsh Posté le 30-04-2004 à 19:11:58    

Tu rajoutes le margin-right:140px; aussi ;)

Reply

Marsh Posté le 01-05-2004 à 16:35:29    

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>?

Reply

Marsh Posté le 01-05-2004 à 16:35:39    

[:spikler]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed