Positionnement de titre...

[ste]

bonjour, all

je suis devenu le webmaster de l'association linucie.net

j'ai ce code

<div id="head">
<h1>- <acronym title="Live Linux & Cie" xml:lang="en">Linucie</acronym> <em>(.net)</em> -</h1>
<h2>Un texte qui différe...</h2>
</div>

Et, cela sur trois sous-domaines, :

- http://linucie.net/

- http://doc2.linucie.net/

- http://galerie.linucie.net/

sur ce dernier, je ne sais pas pourquoi, ne vois pas en quoi, l'élèment h1 ne veut pas se "coller" correctement à droite, comme sur les autres sites...

dans les css, c'est exactement le même code :

#head {
    position: relative; 
	/*border: 2px solid #000;*/
	background: transparent url(http://linucie.net/img/bando.png) 100% 0% no-repeat;
    border-bottom: .05em dotted #999;
    margin: 0 0 0 20.5%;
    padding: 0 0 0 1em;
    height: 60px;
}

#head h1 {
	/*border: 1px solid #666;*/
	background: transparent;
    margin: 0%;
    padding: 3px 150px 0px 0px;
    font-size: 1.3em;
    text-align: right;
	color: #000;
}

#head h2 {
	/*border: 1px solid #c00;*/
    margin: 0 150px 0 0;
    padding: .8em 0 0 0;
    font-size: .9em;
    text-align: right;
}

vous pouvez bien sûr le vérifier !

Franchement sur ce coup, j'en perd mon latin...

Vos idées ?

PS : ca fait un bail que je m'étais éclipsé...

[Sarc]

Voila, j'ai reregardé (j'ai posté après Monique finalement )

Moi non plus ma barre ff ne marche pas, c'est assez embêtant !

J'ai fini par trouver une cause possible du problème sur la page en question, je n'ai pas comparé avec les autres pages...

Tu as :

#head h1 {
	/*border: 1px solid #666;*/
	background: transparent;
    margin: 0%;
    padding: 3px 150px 0px 0px;
    font-size: 1.3em;
    text-align: right;
	color: #000;
}

et

h1 {
    background: inherit;
    color: #c00;
    font-size: 1.3em;
    width: 50%;  
}

Le width du h1 se rajoute au padding-right:150px du premier... En enlevant le width:50% du h1, on a l'alignement souhaité... Ca peut résoudre ton problème ou ça en pose ailleurs ?

Modifié 8 Février 2005 par sarc

[Monique]

Bonjour,

Serait-ce un problème d'en-têtes HTTP qui sont différentes ?

Dans le même ordre que la liste de tes 3 sites, j'ai

- Content-Type: application/xhtml+xml;charset=UTF-8

- Content-Type: text/html; charset=iso-8859-1;

- Content-Type: application/xml;charset=UTF-8

Et je constate que c'est la 2ème page qui est servie en HTML

Autre comportement étrange de la page incriminée : les options de la barre Web Developer ne fonctionnent pas

[ste]

Bonjour,

Serait-ce un problème d'en-têtes HTTP qui sont différentes ?

Dans le même ordre que la liste de tes 3 sites, j'ai

- Content-Type: application/xhtml+xml;charset=UTF-8

- Content-Type: text/html; charset=iso-8859-1;

- Content-Type: application/xml;charset=UTF-8

Et je constate que c'est la 2ème page qui est servie en HTML 

Autre comportement étrange de la page incriminée : les options de la barre Web Developer ne fonctionnent pas 

<{POST_SNAPBACK}>

le deuxième est servi en xhtml, normal,non ?

puisque c'est du xhtml 1.0 et que si je me trompe pas, il peut être desservi en 'text/html'...

Quant à la barre Web Developper, certaines options, telle le Validator CSS W3C, sont en berne, en effet !

mais, je ne vois pas en quoi, cela influe...

[Sarc]

Non en fait c'est l'éditeur CSS qui ne marche pas : quand on le lance, la feuille de style est désactivée... :/

Et tu l'as mis en xHTML 1.1, je sais pas si ça change quelque chose par rapport au 1.0

[Monique]

Quant à la barre Web Developper, certaines options, telle le Validator CSS W3C, sont en berne, en effet !

mais, je ne vois pas en quoi, cela influe...

<{POST_SNAPBACK}>

Je n'ai pas dit que cela influait

C'est juste un symptôme propre à cette page (impossible d'entourer les éléments de type block par exemple)...

et dans un cas un peu mystérieux j'ai l'habitude d'envisager toutes les pistes, même les plus idiotes je me demandais donc si les deux symptômes pouvaient avoir une cause commune

[ste]

Voila, j'ai reregardé (j'ai posté après Monique finalement )

Moi non plus ma barre ff ne marche pas, c'est assez embêtant !

J'ai fini par trouver une cause possible du problème sur la page en question, je n'ai pas comparé avec les autres pages...

(...)

Le width du h1 se rajoute au padding-right:150px du premier... En enlevant le width:50% du h1, on a l'alignement souhaité... Ca peut résoudre ton problème ou ça en pose ailleurs ?

<{POST_SNAPBACK}>

sarc, merci, tu as bel et bien trouvé ...

je n'avais vraiment pas fait gaffe, que je redéclarais l'élèment h1, plus loin !

après avoir mis, cette deuxième déclaration en commentaire, ca marche correctement.

merci, à toi...

[Sarc]

De rien, à toi, mais ça ne me fait toujours pas comprendre pourquoi mon éditeur CSS de firefox ne marchait pas... J'ai du sauvegarder ta page et la mettre sur mon FTP lol...

Enfin bon, si ça marche mieux, tant mieux

[ste]

D'autant que perso, la fonctionnalité CSS de la web developper barre, fonctionne chez moi !!!