Mise en page bizarre dûe au hardware :p

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Mise en page bizarre dûe au hardware :p

Re: Mise en page bizarre dûe au hardware :p

par Calimero » 11 mars 2010, 16:36

pas loin pour l'avatar : Chrono, Chrono Trigger :)

J'arrive à obtenir le même résultat visuel que toi sur firefox en ajoutant 1px de largeur au div #left_col (donc 151px au lieu de 150px) et en scrollant l'écran vers le bas.

Je ne sais pas pourquoi ton firefox te donne le même résultat visuel qu'IE sur ce coup-là (et ça m'intrigue vraiment car mon firefox/linux, pourtant 3.5.8 comme le tien, ne déclenche pas le souci sans modification de ma part).

En tout cas ça te donne une piste de solution.

EDIT : ça marche aussi en faisant la même manip sur #right_col, donc il y a clairement un problème de calcul de taille de boîte entre un de ces deux éléments chez toi pour des raisons qui m'échappent (sous IE c'est plutôt normal, mais sous firefox vraiment je comprends pas). En tout cas leur cohabitation l'un à côté de l'autre se fait au pixel près et c'est bien ça qui semble gêner :)

EDIT#2 : le problème de calcul de taille peut être lié au fait que tu précises une width ET une bordure pour le div parent de ces deux divs (vu que ça se joue à un pixel près).

Re: Mise en page bizarre dûe au hardware :p

par foetus69 » 11 mars 2010, 16:12

C'est Link de Zelda ton avatar ? En tout cas trop bien :)

En fait le truc c'est que ça se produit que sur PC portable uniquement comme-ci ça venait de l'écran =P~

Les 2 postes ont la même config à savoir : XP, Firefox 3.5.8 ou IE 7.

Désolée j'utilise pas les autres navigateurs.

Re: Mise en page bizarre dûe au hardware :p

par Calimero » 11 mars 2010, 16:06

Merci pour la capture :)

Au fait, avec quel navigateur obtiens-tu le résultat de la capture ? (modèle et version stp). Apparemment tu es la seule à observer ce résultat, effectivement c'est un joli bazar ;)

Le HTML semble hors de cause, je pencherais pour un problème de CSS et/ou de javascript.

Re: Mise en page bizarre dûe au hardware :p

par stealth35 » 11 mars 2010, 12:40

rien a voir avec le sujet mais le "session.use_trans_sid" c'est voulu ?
si c'est OUI rajoute met arg_separator.output = & dans ta config

Re: Mise en page bizarre dûe au hardware :p

par foetus69 » 11 mars 2010, 12:31

Bonjour,

Les garçons, ça s'énerve toujours après les filles :lol:

Voici le rendu mes choux :
Image

Bisous !!!

Tit' fée 8-|

Re: Mise en page bizarre dûe au hardware :p

par niuxe » 11 mars 2010, 05:41

une capture d'écran qui met en évidence le problème
On va y arriver, on va y arriver
Exact, on va y arriver.

Sinon chez moi sur mon portable, pas de soucis en vue (résolution 1440*900). Site vue sur :
chrome 4, FF 3.6, opera 10.10, IE8.

Au passage page non valide(html et css).

Re: Mise en page bizarre dûe au hardware :p

par zeus » 10 mars 2010, 11:20

une capture d'écran qui met en évidence le problème
On va y arriver, on va y arriver

Re: Mise en page bizarre dûe au hardware :p

par foetus69 » 10 mars 2010, 11:00

Bonjour,

Voilà un exemple concret : http://www.travaux-a13.fr/

Impeccable sur poste fixe, décalage du menu de gauche (iframe ?) sur pc portable...

Merci de votre aide.

Cordialement,

Fée

Re: Mise en page bizarre dûe au hardware :p

par albat » 08 mars 2010, 16:23

C'est vrai ? On peut ? On peut ? :langue:

Re: Mise en page bizarre dûe au hardware :p

par zeus » 08 mars 2010, 16:21

Pour pouvoir t'aider, il nous faudrait un extrait du code qui ne fonctionne pas avec une capture d'écran qui met en évidence le problème et même si possible l'url de la page.
Sans ça, on peut passer le reste de l'année à te donner des pistes plus ou moins farfelues ;)

Re: Mise en page bizarre dûe au hardware :p

par foetus69 » 08 mars 2010, 15:56

Bonjour,

Non non il s'agit d'un problème de mise en page. Je n'ai pas d'exemple concret sous la main (en local) mais ça donne ça grossmodo :

bloc 1 bloc 2 bloc 3 (bien alignés sur un poste fixe)

bloc 2 bloc 3 (bloc1 n'est pas aligné aux autres sur pc portable)
bloc 1


Pourtant même conf, même OS, même résolution, même navigateurs, même version de nav etc. seul détail l'écran portable n'est pas en 4/3 mais "écrasé 16/9"

Re: Mise en page bizarre dûe au hardware :p

par niuxe » 08 mars 2010, 08:00

Et l'eau
[...]
- les polices de caractère installées
[...]
Bien vu. Je pencherai sur ça. Au passage, le corps de caractère en « em » est de rigueur. Excellent article de Florent ici. Évite aussi le !important avec le font-size (pas glop du tout).

Mais comme le dit notre ami @rthur, page valide et css valide ! pour « chipoter » Accessibilité valide !
Si ce sont les couleurs qui changent, cela peut venir du réglage du moniteur ou de la carte graphique.
Mais alors là il n'y pas d'alternative possible, je crois. Pour le print, ce problème est réglé depuis bien longtemps (profil icc). Pour le web, j'ai pas trouvé de solution efficace pour tous (tout le monde n'est pas calibré ;)). Un FF0099 par exemple n'aura pas le même rendu d'un ordi à l'autre et pourtant on est dans une couleur web standard.

As tu une page exemple (html + css) à nous confier ?

Re: Mise en page bizarre dûe au hardware :p

par mere-teresa » 04 mars 2010, 13:17

Si ce sont les couleurs qui changent, cela peut venir du réglage du moniteur ou de la carte graphique.

Re: Mise en page bizarre dûe au hardware :p

par Calimero » 04 mars 2010, 00:11

En complément de la piste donnée par @rthur, qui est un bon point de départ, d'autres pistes :

- les polices de caractère installées
- les plugins installés, le cas échéant, et leur version (flash, JVM, etc)
- la résolution de l'écran (oui, ça paraît bête, mais sur un design avec des tailles en unités relatives : %, em, pt... ou même dont une partie de la mise en page repose sur javascript, ça peut changer un paquet de choses).
- la version exacte de l'OS et sa configuration ( :arrow: antialiasing, support des langues asiatiques le cas échéant, taille/type des polices par défaut du navigateur/du système...)

Re: Mise en page bizarre dûe au hardware :p

par @rthur » 03 mars 2010, 17:49

Bonjour,

"se présente différemment" c'est assez vague comme description d'un problème :)
Pour pouvoir t'aider, il nous faudrait un extrait du code qui ne fonctionne pas avec une capture d'écran qui met en évidence le problème et même si possible l'url de la page.

Première chose à vérifier : Est-ce que ton code est valide W3C?