CSS: position: relative.. mais relative à quoi!!!??

Consultez la formation à Google Analytics de WebRankInfo / Ranking Metrics


DaViDe
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 46
Inscription: 30 Juin 2003

CSS: position: relative.. mais relative à quoi!!!??

Message le Mer Juil 16, 2003 15:27

Voila la question est claire.. fin j'espère..

Pour exemple:www.italianostra.be/edu.php
la barre qui contient la phrase pour mettre la page dans les favoris devrait etre dans le fond de la page.. mais non!
Elle semble etre "relative" à la bannière et non au tableau qui la précède!


Qaghan
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 316
Inscription: 11 Juin 2003

Message le Mer Juil 16, 2003 16:10

Regarde la documentation CSS de l'attribut position fournie par Microsoft...

http://msdn.microsoft.com/library/defau ... ibutes.asp

C'est pas forcement conforme au W3C mais comme c'est la doc d'IE, c'est un standard de fait :-(

Olivier,


Richard
WRInaute discret
WRInaute discret
 
Messages: 161
Inscription: 9 Fév 2003

Message le Mer Juil 16, 2003 16:32

Bonjour DaViDe, c'est relatif à la position dans ton code...
C'est à dire que si tu le met en début de texte, ce sera à priori en haut de page, et si tu le met en fin, ce sera en bas de page.

Idem pour les tables, etc...


Monique
WRInaute passionné
WRInaute passionné
 
Messages: 1545
Inscription: 16 Sep 2002

Re: CSS: position: relative.. mais relative à quoi!!!??

Message le Mer Juil 16, 2003 17:57

Bonjour,

DaViDe a écrit:Voila la question est claire.. fin j'espère..

La question est claire... la réponse est à la fois simple et complexe :?
Par défaut, un navigateur affiche les différentes parties de ta page dans l'ordre où tu les auras placées dans ton code (c'est ce qu'on appelle le flux normal).
Un bloc en position relative reste dans le flux normal, mais peut être décalé (horizontalement ou verticalement) par rapport aux autres éléments contenus dans le bloc.
Par contre, un bloc en position absolue peut s'afficher à l'endroit de ton choix (par exemple le haut de la page) et placé n'importe où dans ton code (par exemple tout à la fin).

Tu trouveras des explications et des exemples sur openweb (3 pages)

J'ai regardé un peu ton code... tu devrais travailler uniquement avec des blocs (div) et laisser tomber les tableaux tout à fait inutiles dans ce cas :wink:
En plus de tout ce que tu apprendras sur openweb, voilà des exemples de mise en page sans tableau
http://www.elanceur.org/jason/index.html
http://www.izidoo.com/content/article.php?artID=135
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Bon courage :-)

Amicalement,
Monique


DaViDe
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 46
Inscription: 30 Juin 2003

Message le Jeu Juil 17, 2003 8:20

Merci Monique.

Quand tu parles de ne pas employer des tableaux.. comment pourrais-je créer mes cadres sans employer des tableaux...? :? je me perds là.. :o

Grand-Pas
WRInaute discret
WRInaute discret
 
Messages: 107
Inscription: 17 Juin 2003

Message le Jeu Juil 17, 2003 8:56

Bonjour,

Tu peux créer des cadres en employant des feuilles de styles.. c'est assez bluffant
Pour exemple ce site :
http://www.csszengarden.com/tr/francais ... css&page=0
Pour en apprendre un peu plus :
http://mammouthland.free.fr/cours/css/cours2.php

@+
GP

setubal
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 42
Inscription: 27 Juin 2005

Message le Mer Sep 19, 2007 12:20

Moi perso j'ai un problème de blocs aussi :
Le cache sur google (sous internet explorer) montre la page d'accueil de mon site complètement désaxée.

Par contre, sans le cache google, le site avec mon internet explorer V7 est correct, ainsi que sous firefox.

Le soucis c'est que je reçois des captures d'écran de certains de mes visiteurs me disant que tout est de travers. Les blocs css ne sont apperemment pas correct sous certaines configurations de navigateur.

Si quelqun à une idée à me donner, je serais content. Merci

Cache google (blocs désaxés) :

http://209.85.135.104/search?q=cache:9Z ... cd=1&gl=fr

Site normal (sous IE 7 et firefox) :
www.portugal-tchat.com

MErci pour votre aide .


rog
WRInaute passionné
WRInaute passionné
 
Messages: 1662
Inscription: 21 Sep 2006

Message le Mer Sep 19, 2007 14:03

enfin sous ie6 to site est defiguré

rog


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation Google Analytics : en 2 jours, apprenez comment exploiter l'essentiel des possibilités de l'outil de mesure d'audience de Google. Formation animée par les experts Google Analytics de Ranking Metrics.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités