begin process at 2012 05 31 14:03:50
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive PHP

 > 

Archives

 > 

AU SECOURS !!!

 > 

redimensionner un calque verticalement en fonction de la résolution de l'écran


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

redimensionner un calque verticalement en fonction de la résolution de l'écran

vendredi 8 avril 2005 à 05:10:12 | redimensionner un calque verticalement en fonction de la résolution de l'écran

thibault31

Bonjour,

J'ai vraiment un problème depuis un moment et je tourne en rond malgrès de nombreuses recherches sur des forum...

J'ai fais un site en php sans utiliser de fames ni de iframe pour une raison simple : mon site contient en haut un menu horizontal en javascript. Dans le cas de l'utilisation des frames (ou iframes), le menu ne passe pas sur le frame d'a côté ou se laisse la place pour pouvoir afficher tous ses menus en cascades. La page apparaît alors en dessous beaucoup plus bas et laisse un espace vide... pas vraiment top.

Ma page principale contient une balise php qui inclue dans une cellule de mon tableau principal le contenu d'autres pages php en fonction du lien (le reste du site reste inchangé -> menus, etc...)

Comme mes pages appelées n'ont pas toutes la même longeur et contenu, il y a souvent un scrolling qui apparaît à droite pour voir le bas du site... pas ce que je recherche ! Je voudrait que mon tableau principal soit toujours entièrement visible dans le brooser.

Pour moi la seule solution envisagable est d'utiliser un calque sur ma page dans lequel j'appelle ma page. Mais je voudrais que ce calque se redimensionne en fonction de la résolution écran de l'ordinateur et même si possible de façon dynamique...

Comment peut-on intégrer cette fonctionnalité sur un calque ???

Si vous avez d'autre idées je suis preneur...

Pour résumer et faire simple, le rendu graphique que je cherche est un scrolling uniquement dans une cellule !!!

Merci d'avance... çà fait des mois que je cherche une solution

Si quelqu'un s'est déjà penché sur ce problème, je veux bien de l'aide...

Je précise que je ne peux pas utiliser la balise <iframe> bien qu'elle soit aujourd'hui reconnues correctement ! A part les calques, je vois pas d'autres solutions... si vous en voyez d'autres, merci de m'en faire part !

D'avance un grand merci
Amicalement,
Thibault
vendredi 8 avril 2005 à 08:34:31 | Re : redimensionner un calque verticalement en fonction de la résolution de l'écran

malalam

Administrateur CodeS-SourceS
Hello,

un calque, ou un tableau, peuvent prendre comme largeur, des pixels, des points, ou des pourcentages.
Devine quelle unite tu devrais choisir... ? ;-)
samedi 9 avril 2005 à 01:00:42 | Re : redimensionner un calque verticalement en fonction de la résolution de l'écran

thibault31

Non mais je sais çà... c'est plus compliqué que tu crois...
Mon tableau (100% en hauteur et 800 px en largeur) fait plusieurs lignes dont la hauteur est fixe :

-En haut, j'ai un block flash (swf de 154 px de haut)
-Ensuite une zone centrale divisée en deux verticalement dont je ne précise que les largeur (le tout ne dépassant pas 800 px). La cellule de droite est celle qui m'intéresse. Je l'appelle "A" !
-Ensuite j'ai encore deux lignes de cellules en dessous d'une hauteur total de 40 px

Donc actuellement, s'il n'y a pas grand chose dans la cellule "A", tout va bien... l'ensemble de mon tableau est visible sans scrolling barre à droite.

Par contre dès que la cellule "A" contient plus que possible dans l'écran, les cellules du bas de mon tableau disparaissent en dessous et une scrolling barre apparaît à droite... normal tel que c'est paramétré actuellement !

Moi je voudrait que dans ce cas là, il apparaisse une scrolling barre dans ma cellule "A" ! Je crois pas qu'on puisse le faire directement... donc j'ai que deux possibilités : les iframes ou le calque ! Le iframe est exclu, parce que j'ai un menu horizontal en haut de page, et il est connu que cet élément ne passe pas par dessus les cadres... donc la seule solution qui me reste est le calque. Mais je veux qu'il remplisse en hauteur toute la fenêtre (moins le nombre de pixel en haut et en bas...Pour savoir la taille en hauteur de mon calque par rapport à la taille de la fenêtre, j'ai besoin de connaître la résolution de l'écran, et de calculer en conséquence la hauteur de mon calque en pixel (et cela dynamiquement)... et çà je sais pas faire !!!

Voilà plus d'explications qui j'espère aideront à comprendre mon problème... peut-être existe t'il d'autres solutions que j'ignore ???

Pour faire simple, je veux voir une scrolling barre dans ma cellule (ou calque) "A" dont la hauteur se redimensionne automatiquement suivant la résolution de l'écran, sachant que les hauteurs de lignes des cellules au dessus et en dessous sont exprimée en pixel (donc fixe) et que le reste de la page ne représente pas un pourcentage fixe suivant la résolution de l'écran...

Voilà le code de ma page épurée avec le tableau et la lettre "A" dans la cellule concernée :

<html>
<head>
<title></title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="Auto">

<table width="800" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="100" colspan="4">&nbsp;</td>
    <td width="9">&nbsp;</td>
    <td width="21" rowspan="7">&nbsp;</td>
  </tr>
  <tr>
    <td width="10" height="34">&nbsp;</td>
    <td width="140" height="34"></td>
    <td width="200" height="34">&nbsp;</td>
    <td width="420" height="34">&nbsp;</td>
    <td width="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="10" height="20">&nbsp;</td>
    <td width="140" height="20">&nbsp;</td>
    <td height="20" colspan="2">&nbsp; </td>
    <td width="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="10">&nbsp;</td>
    <td width="140">&nbsp; </td>
    <td colspan="2" rowspan="2" valign="top">&quot;A&quot; </td>
    <td width="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="10" height="25">&nbsp;</td>
    <td width="140" height="25"></td>
    <td width="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="10" height="20">&nbsp;</td>
    <td width="140" height="20">&nbsp;</td>
    <td height="20" colspan="2"></td>
    <td width="9">&nbsp;</td>
  </tr>
  <tr>
    <td width="10" height="20">&nbsp;</td>
    <td height="20" colspan="2">&nbsp;</td>
    <td width="420" height="20"></td>
    <td width="9">&nbsp;</td>
  </tr>
</table>
</body>
</html>
samedi 9 avril 2005 à 10:33:18 | Re : redimensionner un calque verticalement en fonction de la résolution de l'écran

JoJo738

Membre Club
Hello,
C'est pas du tout aux normes ça !!
il faut faire : style="width: ??px; height: ??%; border: 0px; ..."


Si ma reponse te convient, merci de l'accepter !   Svp, il faut faire des codes aux normes !!!
samedi 9 avril 2005 à 16:02:04 | Re : redimensionner un calque verticalement en fonction de la résolution de l'écran

thibault31

ok, excuses moi... voilà le code aux normes !!!! Mais çà ne répond pas à mon problème...

<html>
<head>
<title></title>
</head>
<body leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px" scroll="Auto">

<table width="800px" height="100%" border="0px" cellpadding="0px" cellspacing="0px">
  <tr>
    <td height="100px" colspan="4">&nbsp;</td>
    <td width="9px">&nbsp;</td>
    <td width="21px" rowspan="7">&nbsp;</td>
  </tr>
  <tr>
    <td width="10px" height="34px">&nbsp;</td>
    <td width="140px" height="34px"></td>
    <td width="200px" height="34px">&nbsp;</td>
    <td width="420px" height="34px">&nbsp;</td>
    <td width="9px">&nbsp;</td>
  </tr>
  <tr>
    <td width="10px" height="20px">&nbsp;</td>
    <td width="140px" height="20px">&nbsp;</td>
    <td height="20px" colspan="2">&nbsp; </td>
    <td width="9px">&nbsp;</td>
  </tr>
  <tr>
    <td width="10px">&nbsp;</td>
    <td width="140px">&nbsp; </td>
    <td colspan="2" rowspan="2" valign="top">&quot;A&quot; </td>
    <td width="9px">&nbsp;</td>
  </tr>
  <tr>
    <td width="10px" height="25px">&nbsp;</td>
    <td width="140px" height="25px"></td>
    <td width="9px">&nbsp;</td>
  </tr>
  <tr>
    <td width="10px" height="20px">&nbsp;</td>
    <td width="140px" height="20px">&nbsp;</td>
    <td height="20px" colspan="2"></td>
    <td width="9px">&nbsp;</td>
  </tr>
  <tr>
    <td width="10px" height="20px">&nbsp;</td>
    <td height="20px" colspan="2">&nbsp;</td>
    <td width="420px" height="20px"></td>
    <td width="9px">&nbsp;</td>
  </tr>
</table>
</body>
</html>
samedi 9 avril 2005 à 19:39:27 | Re : redimensionner un calque verticalement en fonction de la résolution de l'écran

JoJo738

Membre Club

Lol,
C'est toujours pas aux normes !
Sinon ajoute : 

style="overflow: auto;"


<html>
<head>
<title></title>
</head>
<body style="margin: 0px">

<table style="width: 800px; height: 100%; border: 0px" cellpadding="0px" cellspacing="0px">
  <tr>
    <td style="height: 100px" colspan="4">&nbsp;</td>
    <td style="width: 9px">&nbsp;</td>
    <td style="width: 21px" rowspan="7">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 10px; height: 34px">&nbsp;</td>
    <td style="width: 140px; height : 34px"></td>
    <td style="width: 200px; height: 34px">&nbsp;</td>
    <td style="width: 420px; height: 34px">&nbsp;</td>
    <td style="width: 9px">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 10px; height: 20px">&nbsp;</td>
    <td style="width: 140px; height: 20px">&nbsp;</td>
    <td style="height: 20px" colspan="2">&nbsp; </td>
    <td style="width: 9px">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 10px">&nbsp;</td>
    <td style="width: 140px">&nbsp; </td>
    <td colspan="2" rowspan="2" valign="top">&quot;A&quot; </td>
    <td style="width: 9px">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 10px; height: 25px">&nbsp;</td>
    <td style="width: 140px; height: 25px"></td>
    <td style="width: 9px">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 10px; height: 20px">&nbsp;</td>
    <td style="width: 140px; height: 20px">&nbsp;</td>
    <td style="height: 20px" colspan="2"></td>
    <td style="width: 9px">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 10px; height: 20px">&nbsp;</td>
    <td style="height: 20px" colspan="2">&nbsp;</td>
    <td style="width: 420px; height: 20px"></td>
    <td style="width: 9px">&nbsp;</td>
  </tr>
</table>
</body>
</html>



Si ma reponse te convient, merci de l'accepter !   Svp, il faut faire des codes aux normes !!! Coloration de code php : [ Lien ]



Cette discussion est classée dans : fonction, page, site, résolution, calque


Répondre à ce message

Sujets en rapport avec ce message

Protection page [ par SatanCorporation ] Salut a tous !!!!!sur mon site web je voudrais créé une fonction qui me permettrait de protecger une page de mon site.Je voudrias que le code de la pa besion d'aide [ par marcos81 ] bonjour à tous j'ai besoin d'aide, je vous explique mon problem je cherche une personne qui veux bien m'aider dans la création, d'un site pour ma boit redimensionner image de la page d'accueil en fonction de la résolution de l'écran [ par suethi75 ] Bonjour,Je suis en train d'effectuer un site de bijou.Je voudrais adapter l'image de la page d'accueil en fonction de la résolution de l'écran. Commen e-mail automatique [ par yohanndu56 ] Bonjour j'ai un site internet je voudrait mettre un code php ou html sur une de mes page web qui envoi un e-mail a moi et a celui qui est sur la page Fonction numero de page [ par scorpion077 ] Bonjour,je cherche une fonction numeropage avec en paramètre un nb de page.Le resultat serait le suivant : 1 2 3 4 5Si on clique sur la page 7 ca affi fonction permettant de donner le path de la page en cours [ par bakayan9 ] Bonjour à tous,SVP, je veux savoir est-ce-qu'il y'a une fonction qui permet de donner le chemin (path) de la page en cours.comme par exemple: accueil Page blanche quand je mets le site en ligne [ par Shikapowa ] Mesdames mesdemoiselles messieurs bonjour.Après avoir avoir trouvé mes erreurs javascript, je me lance dans un plus grand problème: la mise en ligne d site type Myspace [ par Pierre75000 ] Bonjour à tous,je suis nouveau sur ce forum et ceci est mon premier post.J'aimerais savoir comment est conçu l'architecture d'un site du type Myspace. fonction imprimer [ par esarah ] Bonjour, Après plusieurs recherches sur la fonction imprimer, je me permets m'adresser à vous. En gros, sur une page php (bd MySQL), je liste dans un probleme d'affichage d'une page html contenant du flash [ par eiiin ] Bonjour à tous, Je me tourne vers vous car je me trouve en ce moment dans une impasse, je réalise avec un ami un site internet pour un client.Il se tr


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales