Tableau à largeur en pourcentage avec une position fixe

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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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] le 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]
# Tropactif #

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

http://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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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] le 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]
# Tropactif #

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

http://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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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] le 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]
# Tropactif #

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

http://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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
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 le Dim 25 Jan 2015 - 12:24

Up Very Happy

alv
# Tropactif #

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

http://urlz.fr/2OYC
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] le 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]
# Tropactif #

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

http://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 le 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 :

alv
# Tropactif #

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

http://urlz.fr/2OYC
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] le 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]
# Tropactif #

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

http://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 le Lun 26 Jan 2015 - 17:51

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

alv
# Tropactif #

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

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le 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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par alv le 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
# Tropactif #

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

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le 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++


Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par alv le Lun 26 Jan 2015 - 18:57

Oui, je parle de ça.

alv
# Tropactif #

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

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

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

Message par Milouze14 le 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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

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

Message par [Nihil] le 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]
# Tropactif #

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

http://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 le 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
# Tropactif #

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

http://urlz.fr/2OYC
alv a été remercié(e) par l'auteur de ce sujet.

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


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