Tableau à largeur en pourcentage avec une position fixe

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tableau à largeur en pourcentage avec une position fixe

Message par alv Jeu 22 Jan 2015 - 20:05

Bonsoir,
J'ai créé ce tableau en position fixe et avec une largeur de 75% :

Code:
<table width="75%" height="95" cellspacing="0" cellpadding="0" border="0" style="position: fixed">
   <tr>
      <td>
         Texte
      </td>
   </tr>
</table>

Le problème est que quand je met "position: fixed", la largeur de 75% n'est pas à 75% alors que quand j'enlève "position: fixed", la largeur est bien à 75%.
Comment y remédier ?
Merci d'avance.


Dernière édition par alv le Lun 26 Jan 2015 - 19:43, édité 1 fois (Raison : résolu)
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par [Nihil] Jeu 22 Jan 2015 - 22:09

Quand on met un élément en position: fixed et la largeur en pourcentage, la largeur va se mettre par rapport à 75% de la largeur de l'écran et non plus de son parent il me semble Wink
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Ven 23 Jan 2015 - 8:02

Bonjour,
comme on se retrouve Very Happy

Il n'y a pas moyen d'y remédier ? En fixant le tableau autrement qu'avec "position fixed" pour que la largeur de 75% soit bonne ?
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par [Nihil] Ven 23 Jan 2015 - 18:33

Eh bien... Ca dépend de ce que tu veux faire précisément Wink

Pourrais tu nous donner le lien de ton forum ainsi que nous préciser quel tableau tu veux fixer (et comment il doit se positionner) pour qu'on puisse t'aiguiller s'il te plait ?
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Ven 23 Jan 2015 - 19:50

Alors,
Voici le forum test où je... teste Smile : lien
Voici le code que j'ai fait :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" height="95" cellspacing="0" cellpadding="0" border="0" style="position: fixed; min-width: 728px; background-color: #efefef; font-size: 16px; font-family: 'Source Sans Pro','Segoe UI',Helvetica,sans-serif">
   <tr>
      <td valign="middle">
         <a href="{U_INDEX}"><img src="LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
      </td>
   </tr>
</table>
Ce code correspond au tableau en haut de la page qui est figé.


Dernière édition par alv le Lun 26 Jan 2015 - 19:42, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par [Nihil] Sam 24 Jan 2015 - 11:39

Attention, en invité, ton forum test redirige vers ton autre forum, et il est construction en plus, ce qui nous empêche d'y avoir accès. Wink
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Sam 24 Jan 2015 - 12:00

Bonjour,
Il n'est pas en construction. L'adresse que je t'ai donné donne sur une page HTML qui redirige vers le forum de mon ami.
Voici l'adresse qui dirige au bon endroit : lien Smile


Dernière édition par alv le Lun 26 Jan 2015 - 19:43, édité 1 fois
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Dim 25 Jan 2015 - 12:24

Up Very Happy
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par [Nihil] Dim 25 Jan 2015 - 21:13

Alors directement avec un width je ne vois pas trop comment régler cela simplement, mais on peut tricher un peu :

On remplace le code du tableau par ceci :
Code:
<div style="position: fixed; left: 0; right: 0; padding-left: 210px;">
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" height="95" cellspacing="0" cellpadding="0" border="0" style="background-color: #efefef; font-size: 16px; font-family: 'Source Sans Pro','Segoe UI',Helvetica,sans-serif">
        <tr>
            <td valign="middle">
                <a href="{U_INDEX}"><img src="LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
            </td>
        </tr>
    </table>
</div>       

Et ensuite pour ton tableau qui se trouve à gauche (celui qui fait 210px), on remplace :
Code:
<table width="210" height="100%" cellspacing="0" cellpadding="0" border="0" style="position: fixed; top: 0px; left: 0px">

Par
Code:
<table width="210" height="100%" cellspacing="0" cellpadding="0" border="0" style="position: fixed; top: 0px; left: 0px; z-index:1;">

Comme ça, cela devrait fonctionner ! Smile
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Lun 26 Jan 2015 - 0:26

Bonsoir,
Merci pour ton aide.
Mon ordi a une résolution de 1600x900. Avec cette résolution, c'est nickel.
Mais quand je réduis le navigateur, le tableau se réduit également et un vide se crée à droite, comme ici :
Tableau à largeur en pourcentage avec une position fixe 743316image127
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par [Nihil] Lun 26 Jan 2015 - 8:36

Pourrais tu laisser la modification en place visible sur ton forum test pour qu'on puisse regarder ce qui ne va pas s'il te plait :p ?
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Lun 26 Jan 2015 - 17:51

Désolé, j'avais oublié de valider le template.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par Invité Lun 26 Jan 2015 - 18:19

Salut alv et [Nihil],
désolé de m'incruster .
Le padding-left suit le côté gauche dans la div:
Code:
<div style="position: fixed; left: 0; right: 0; padding-left: 210px;">

Remplaces par:
Code:
<div style="position: fixed; left: 210px; right: 0; ">

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Lun 26 Jan 2015 - 18:32

Bonsoir Milouze14,
Ton code n'a rien changé à mon problème Sad

[Nihil] voulait voir ce qu'il ne va pas avec son code, donc j'ai remis ce qu'elle me proposait.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par Invité Lun 26 Jan 2015 - 18:52

Re,
alv a écrit:Bonsoir Milouze14,
Ton code n'a rien changé à mon problème Sad
[Nihil] voulait voir ce qu'il ne va pas avec son code

Tu parles du bandeau SERVACTIF ?

a++

Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Lun 26 Jan 2015 - 18:57

Oui, je parle de ça.
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par Invité Lun 26 Jan 2015 - 18:59

Re,
donc ta position étant fixe le left à 210px doit te permettre quelque soit a résolution d'être toujours positionné au même endroit à moins que je comprenne pas ta question.

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par [Nihil] Lun 26 Jan 2015 - 19:16

Ton tableau contenant ton forum a une largeur de 75%. Mais à cause de la publicité Forumactif, il fera toujours au minimum 730px.
Ton tableau fixé en haut lui n'a pas la publicité, il faut donc rajouter cette largeur minimale comme ça :

On passe de :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" height="95" cellspacing="0" cellpadding="0" border="0" style="background-color: #efefef; font-size: 16px; font-family: 'Source Sans Pro','Segoe UI',Helvetica,sans-serif">

A
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" height="95" cellspacing="0" cellpadding="0" border="0" style="background-color: #efefef; font-size: 16px; font-family: 'Source Sans Pro','Segoe UI',Helvetica,sans-serif; min-width: 730px">

Normalement ça devrait être bon Very Happy !
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau à largeur en pourcentage avec une position fixe

Message par alv Lun 26 Jan 2015 - 19:41

Merci [Nihil], ça marche nickel Very Happy
J'ai fusionné le code de Milouze14 et de [Nihil] :

Code:
<div style="position: fixed; left: 210px; right: 0px">
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" height="95" cellspacing="0" cellpadding="0" border="0" style="background-color: #efefef; font-size: 16px; font-family: 'Source Sans Pro','Segoe UI',Helvetica,sans-serif; min-width: 728px">
      <tr>
         <td valign="top" style="padding: 10px 30px 0px 30px">
            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" width="100%" height="100%" style="max-width: 800px; max-height: 70px" /></a>
         </td>
      </tr>
   </table>
</div>

Merci à vous deux pour votre aide.
résolu
alv

alv
Membre habitué

Messages : 1539
Inscrit(e) le : 09/07/2012

https://www.forumpeuplevert.com
alv a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum