Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Webmastering

[CSS] problème de positionnement absolu

nalf, le dimanche 16 mai 2004 à 12:29:01

Signaler ce message aux modérateurs

Bonjour !

Voilà, j'ai un problème avec le positionnement d'un objet sur ma page.
L'élement en question est une ligne de texte indiquant où on se trouve dans le site, qui doit se situer sur une image précise.
J'ai écrit ma feuille de style en testant la page dans Internet Explorer. Puis, en passant à Mozilla Firefox, je me suis aperçue que mon élément était trop bas ! Tout le reste fonctionne exactement comme dans IE...

Voilà le bout de code qui gère le positionnement et le formatage de l'objet :

div.menu {
  	position : absolute;
  	left : 12px;
  	top : 106px;
      }
h4 {
  	color : #ffffff;
  	font-family : verdana;
  	text-align : left;
  	font-size : 12px;
  	font-weight : normal;
      }

et dans ma page :

<div class="menu">
  <h4>Per Te Cafe</h4>
</div>

Pour voir le problème 'en action', c'est ici : http://pertecafe.free.fr/

Quelqu'un saurait où est le problème ?

Et puis, si vous utilisez un autre navigateur, vous pourriez me dire si ça marche ou pas pour vous ?

Merci d'avance,

~Anne-Laure~

Meilleures réponses pour « [CSS] problème de positionnement absolu »

Posez votre question Répondre

Taboujr, le dimanche 16 mai 2004 à 12:53:03

Bonjour.

Il est possible que le décalage vienne d'une différence de définition par défaut des marges avant et après les balises h4 (et dans ce cas précis, surtout avant).

Essaie de les fixer dans ton css avec les propriétés margin et padding dans ta définition de classe pour h4, ça peut peut-être suffire.

.:: TaBou JuNioR ::.
J'ai des questions à toutes vos réponses. [W. Allen]

Répondre à Taboujr

nalf, le dimanche 16 mai 2004 à 13:09:30

Ca marche !!!

Merci beaucoup ;-)

Répondre à nalf

Taboujr, le dimanche 16 mai 2004 à 13:16:31

De rien :-)

.:: TaBou JuNioR ::.
J'ai des questions à toutes vos réponses. [W. Allen]

Répondre à Taboujr

batmat, le lundi 17 mai 2004 à 10:36:44

'lut,

Toujours le même pb de différence de tailles par défaut pour les navigateurs... Très bon article pour être un peu plus aware :p http://openweb.eu.org/articles/dimensions_boites_css/

@++

Vous hésitez entre Linux et Windows ?
Vous voulez dépenser du temps ou de l'argent ?

Répondre à batmat

Posez votre question Répondre

CSS - Position cadre DIV Bonjour à tous Bonjour, voici mon probleme concernant le positionnement des différents calques dans une page web Ma configuration est la suivante div#global{ width : 100 % height : 600 px; } .header { (barre de menu) width : 100%; height : 20px; }... www.commentcamarche.net/forum/affich-4640316-css-position-cadre-div

[CSS] positionnement d'une image bonjour a tous voila je suis en train de réaliser une présentation de page html avec les css j'ai pour commencer une bande sur toute la largeur ensuite en dessous une bande composé de 2 parties de meme longueur en dessous j'ai une colonne a gauche... www.commentcamarche.net/forum/affich-1822388-css-positionnement-d-une-image

CSS position d'un div par rapport au top URG Bonjour, J'ai trois div dans ma page que je positionne par rapport au top seulement je veux que ce positionnement soit automatique et qu'il s'adapte au remplissage de chaque div je m'explique: 1 div de menu général situé juste en dessous du top 1 div... www.commentcamarche.net/forum/affich-11484986-css-position-d-un-div-par-rapport-au-top-urg

Résultats pour [CSS] problème de positionnement absolu

Les CSS pour présenter vos imagesPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes... www.commentcamarche.net/faq/sujet-9100-les-css-pour-presenter-vos-images

[CSS] Créer facilement des CSSUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. http://www.bradsoft.com/download/index.asp www.commentcamarche.net/faq/sujet-1035-css-creer-facilement-des-css

Résultats pour [CSS] problème de positionnement absolu

Problème css : Div de positionnementBonjour à tous, Je découvre les joies des CSS et plus particulièrement au niveau du positionnement. Je travaille avec dreamweaver mx 2004 que je trouve sympa pour dessiner les "calques" ...enfin les div :-) . Voici mon problème : j'ai fait 5 div :... www.commentcamarche.net/forum/affich-2374204-probleme-css-div-de-positionnement

Positionnement d'image en css..Bonjour a tous, Alors voila j'ai tout simplement un problèeme de positionnement de mon image qui devrait être placer en haut au centre de ma page mais reste tout de même en haut a gauche... Voila mon code css : .baniere { background:... www.commentcamarche.net/forum/affich-2654520-positionnement-d-image-en-css

Positionnement du footer [CSS]Bonjour, voila je débute en Css, et je bloque sur quelque chose : http://sgtcookie.free.fr voici mon site, mon probleme étant que le footer remonte tout le temp, j'ai tout essayer de modifier mais j'ai pas reussi a faire en sorte qu'il reste en bas.... www.commentcamarche.net/forum/affich-4535920-positionnement-du-footer-css

Résultats pour [CSS] problème de positionnement absolu

Positionner des éléments grâce aux CSSIl 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... www.commentcamarche.net/contents/css/cssposition.php3

Les classes de style (CSS)Les classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des... www.commentcamarche.net/contents/css/cssclass.php3

Feuilles de style - CSSPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des... www.commentcamarche.net/contents/css/cssintro.php3

Résultats pour [CSS] problème de positionnement absolu