J'y comprends rien... C'est pas encore identique entre IE et NN6...

Marsh Posté le 14-10-2002 à 21:12:58

C'est là:

http://oppc.free.fr/

L'écart entre les "boites" de droite et de gauche et le corps central ne sont pas les mêmes...

Elles sont plus larges avec NN6...

Où est l'erreur, là je craque, je trouve pas...

Reply

Marsh Posté le 14-10-2002 à 21:12:58

Reply

Marsh Posté le 14-10-2002 à 22:11:42

Bon, je reprends une dernière fois ma règle à pixels.

* Pour IE 5.x Win :

Largeur de la classe "bloc" : 138 pixels - 2x2 pixels de padding - 2x1 pixel de bordure = 132 pixels

Largeur de la classe "liens" : 100% du bloc conteneur, soit 132 pixels => ça rentre => c'est joli

* Pour les autres navigateurs :

Largeur de la classe "bloc" : 138 pixels

Largeur de la classe "liens" : 100% du bloc conteneur, soit 138 pixels + 2x2 pixels de padding + 2x1 pixel de bordure = 138 + 4 + 2 = 144 pixels => ça ne rentre pas dans "bloc" => c'est moche

Pourquoi tu n'utilises pas le "hack" pour IE 5 ?

Message édité par gm_superstar le 14-10-2002 à 22:15:48

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 16-10-2002 à 18:03:15

gm_superstar a écrit a écrit :

Pourquoi tu n'utilises pas le "hack" pour IE 5 ?

Merci pour ces explications, là j'ai compris, je t'embeterais plus avec ce genre de calculs...

Mais quant au hack de IE5.x, j'ai pas bien saisi encore comment il marche... Il faut que je l'applique au bloc conteneur ou contenu?

Reply

Marsh Posté le 16-10-2002 à 19:16:04

Tout dépend de ce qu'il faut considérer comme largeur. Est-ce que c'est .bloc qui doit faire 138 pixels ou .liens ?

Si je veux que ce soit .bloc, je vais faire comme ça :

.bloc {
padding: 5px;
border-width: 1px;
width: 150px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 138px;
}
html>body .bloc {
width: 138px; /* ie5win fudge ends */
}

.liens {
padding: 2px;
border-width: 1px;
width: 138px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 132px;
}
html>body .bloc {
width: 132px; /* ie5win fudge ends */
}

}

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 16-10-2002 à 20:26:58

ok, merci...

je vais voir ça...

Reply

Marsh Posté le 16-10-2002 à 20:49:02

Bon, ben ça marche impec avec IE5.x

Mais plus avec NN6!!

Regarde http://oppc.free.fr

Le bord droit des boites est "mangé"...

Même en agrandissant la largeur des boites, ça change rien... :??:

T'en penses koi?

Reply

Marsh Posté le 16-10-2002 à 20:55:22

Tes calculs sont faux. On dirait que tu ne tiens compte que du padding. La bordure doit aussi entrer en compte.

La boite centrale est OK avec Mozilla, c'est justes les petites boites extérieures qui ne vont pas.

Reply

Marsh Posté le 16-10-2002 à 21:42:15

gm_superstar a écrit a écrit :

Tes calculs sont faux.
On dirait que tu ne tiens compte que du padding. La bordure doit aussi entrer en compte.

Non, je la compte, la bordure...
Quand j'enlève le hack, les boites sont correctes, même les petites sur le côté!

Reply

Marsh Posté le 16-10-2002 à 22:01:48

c'est résolu...

j'ai bêtement fait un copier/coller de ton code, ou par deux fois tu avais mis:

Code :

html>body .bloc {

Donc voilà, c'était:

Code :

html>body .liens {

pour le deuxième...
maintenant, ça marche!!

Merci bcp :jap:

Reply

Marsh Posté le 16-10-2002 à 22:11:25

\o/ Ouééééé ! Par contre la version en ligne comporte toujours l'erreur

Reply

Marsh Posté le 16-10-2002 à 22:11:25

Reply

Marsh Posté le 16-10-2002 à 22:56:17

plus maintenant...

Sinon, t'en penses koi du design du site?

Reply

Marsh Posté le 16-10-2002 à 23:10:50

Le layout en-tête + 3 colonnes est classique, mais efficace ! Sinon le style général est très clair, la navigation parait logique et tout est bien organisé en diverses catégories.

Juste 2 remarques :
- Je n'aurais pas mis les icones des news comme tu l'as fait ça fait un peut rajouter. Tu devrais peut être les mettre dedans.
- Dans la partie "Médias" ça serait bien d'avoir une courte description pour chaque image (par exemple avec title="..." )

Et puis oublie pas de mettre un titre plus évocateur que "Conforming XHTML 1.1 Template"

Reply

Marsh Posté le 16-10-2002 à 23:11:26

Sinon pense à demander des avis sur Graphisme, pour tout ce qui est design.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 16-10-2002 à 23:26:13

C'est prévu, quand ce sera terminé...

Sinon j'ai tenté une validation par le HTML Validator...

Il me met des erreurs que je connais pas...

Code :

<script language="JavaScript">
^
Error: there is no attribute "language" for this element (in this HTML version)

Je mets quoi alors?

Code :

... ;<a href="index.php?rub=evenements&id=17" class="lm">Essai d ...
^
Error: unknown entity "id"

Je peux pas mettre de id avec du php alors?

Code :

... a href="index.php?rub=evenements&id=17" class="lm">Essai d'c ...
^
Error: reference not terminated by refc delimiter

Reply

Marsh Posté le 16-10-2002 à 23:32:05

haazheel a écrit a écrit :

C'est prévu, quand ce sera terminé...

Sinon j'ai tenté une validation par le HTML Validator...

Il me met des erreurs que je connais pas...

Code :

<script language="JavaScript">
^
Error: there is no attribute "language" for this element (in this HTML version)

Je mets quoi alors?

Cf la doc du W3C

haazheel a écrit a écrit :

Code :

... ;<a href="index.php?rub=evenements&id=17" class="lm">Essai d ...
^
Error: unknown entity "id"

Je peux pas mettre de id avec du php alors?

Code :

... a href="index.php?rub=evenements&id=17" class="lm">Essai d'c ...
^
Error: reference not terminated by refc delimiter

Remplace les & par &

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

J'y comprends rien... C'est pas encore identique entre IE et NN6...

Sujets relatifs:

Leave a Replay