Rechercher : dans
Par :

Problème avec "position: fixed;"

Dernière réponse le 25 jui 2008 à 08:24:41 TOONIE, le 24 jui 2008 à 14:24:40 
 Signaler ce message aux modérateurs

Bonjour,

Je n’arrive pas à résoudre le souci suivant (les pages ne sont pas en lignes, c’est du local):

J’ai des boites placées à gauche dans lesquelles figurent des liens. Ces boites sont placées dans une colonne, et je veux qu’elles restent fixes, c'est-à-dire qu’elles ne descendent pas ni ne montent quand on descend ou remonte la page avec le scrollbar traditionnellement présent à droite. J’ai donc rajouté l’attribut « position : fixed ; ».

Mais alors, mes boites passent à droite de la page. J’ai beau changer les floats, les supprimer, mettre l’attribut tantôt dans les #, les .clas, rien n’y fait. Sauriez-vous résoudre cela, moi, je suis collé ?

Mes codes :

Css :

#col1
{
Position :fixed ;
width: 150px;
float:left;
}

.clascolonne1
{
float:left;
width:24px;
height:21px;
border-right:solid 2px #efefef;
padding:0;
margin:0;
}

#menu1
{
border: solid 1px #9B999C;
background-color: #EAEAEA;
background-image: url("images/kko.gif");
background-repeat: repeat-x;
width: auto;
margin-bottom: 10px;
}

#menu1 ul
{
margin:0;
margin-top: 5px;
margin-bottom: 5px;
padding:1px;
list-style-type:none;
}

html :

<div id="colonne1">
<div id="menu1">
<div class="tetemenu1">THE (GOOD) NEWS</div>
<ul>
<li><a href="journal/academie/" title="Académie de l'aurore">Académie de l'aurore</a></li>

<li><a href="journal/Ecole_du_Vril/" title="Voir la news">école du Vril</a></li>
<li><a href="journal/archives/" title="Consultez les archives des news">Archives</a></li>
</ul>
</div>
</div>

Je vous remercie par avance pour votre aide,
Bonne journée,


TOONIE

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « Problème avec "position: fixed;" » dans :
Inverser les éléments d'un tableau -Récursivité- VoirVoici une procédure récursive qui permet d’inverser les éléments d’une partie d’un tableau compris entre la position p et n : Procedure Inverser (Var t : Tab; p, n : Integer); Var aux : Real; Begin If p < n Then ...
VB6. Connaître la position absolue de la souris. VoirCette petite fonction permet de connaître la position de la souris par rapport à l'écran et non par rapport à la feuille ou au contrôle qu'elle contient. Dans un module Déclaration Public Type POINTAPI x As Long y As Long End...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Les feuilles de style VoirPropriétés de polices Propriété Valeur Description font-family Police précise (Arial, Times, Verdana) Famille (serif, sans-serif, fantasy, monospace, cursive) Définit un ou plusieurs nom de polices ou de familles de...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...

1

nEm3sis, le 24 jui 2008 à 15:26:21

Bonjour
le position:fixed fonctionne il me semble avec left et top (toujours en css)

Répondre à nEm3sis

2

[o.o]REplay, le 24 jui 2008 à 15:41:02
  • +1

Exact,

précise dans ton css ( là ou tu as mis position: fixeed;)

top: quelquechose en px ou en % ou en cm même ^^ ;
left: 12px;

ou bien
bottom: ou encore right.

Tu peux aussi jouer sur les margin et padding je crois :)

Bonne aprem ~• Coin Coin •~
replay.homeunix.com

Répondre à [o.o]REplay

3

TOONIE, le 24 jui 2008 à 20:26:39

Bonsoir,

<géniaux>, vous êtes <géniaux> !

J'ai effectivement rajouté margin-top: 10px; puis position: fixed; et ça marche !

Autre souci : comment met-on le sujet en résolu ?

Encore merci,

Toonie

Répondre à TOONIE

4

nEm3sis, le 24 jui 2008 à 22:40:24

Regarde mon image pour mettre en résolu
http://img146.imageshack.us/img146/1270/sanstitrebf2.jpg

Répondre à nEm3sis

5

 [o.o]REplay, le 25 jui 2008 à 08:24:41

Il me semble qu'il faut être loggé pour pouvoir mettre un sujet en résolu...

Autre chose, change ta résolution et vérifie que tout rèste bien comme tu le souhaite sur ton site (alignement etc...). Essaie du 800x600, et aussi la plus grande résolution que tu peux.
Test également avec internet explorer et firefox. (IE a tendance à pourrir la vie )

Bonne journée :)
~• Coin Coin •~
replay.homeunix.com

Répondre à [o.o]REplay
Collection CommentÇaMarche.net