Centrer site sur smartphone
Bernd
Petit soucis peu grave mais aga�ant.
Je centre un site de largeur fixe de la mani�re suvante :
<body>
<div id="wraper">
... etc.
--------------------------------
#wraper{
position:relative;
width:920px;
left:50%;
margin-left:-460px;
}
ou au choix :
#wraper{
width:920px;
margin:0 auto;
}
Ceci fonctionne bien sur tous les navigateurs sauf iPhone et iPad o� le
site est align� � gauche de la page. On va dre que l'�cran des
smartphone n'est pas adapt�. Admettons... mais j'ai d'autres sites qui,
avec la m�me m�thode, sont bien centr�s m�me sur smartphones.
Pourquoi celui-ci en particulier fait-il du snobisme ?
TKS.
--
A+
Romer
SAM
920px ... m�me sur un aillephone ...
�a doit �tre un "poil" trop large, non ?
que reste t-il comme marge possible pour "centrer" ?
� mon id�e : -220px ( ! ! ! )
Sauf � ce que le smartphone (son navigateur) s'en foute de ta largeur
fixe (comme Opera-Mini) ... ou qu'il r�duise le zoom ... �a doit pas
�tre terrible.
Tu t'es renseign� sur les meta pour mobiles ?
(cf post ici : "Pour les petits �crans")
--
St�phane Moriaux avec/with iMac-intel
Bernd
> 920px ... m�me sur un aillephone ...
> �a doit �tre un "poil" trop large, non ?
> que reste t-il comme marge possible pour "centrer" ?
> � mon id�e : -220px ( ! ! ! )
>
> Sauf � ce que le smartphone (son navigateur) s'en foute de ta largeur
> fixe (comme Opera-Mini) ... ou qu'il r�duise le zoom ... �a doit pas
> �tre terrible.
>
> Tu t'es renseign� sur les meta pour mobiles ?
> (cf post ici : "Pour les petits �crans")
Il doit sans doute y avoir autre chose que je ne vois pas.
Je viens de r�duire la largeur de wraper � 820px comme 3 autres sites
qui eux se centrent bien. Donc, celui-ci devrait se centrer avec cette
largeur. Il ne le fait toujours pas. Bizarre.
--
A+
Romer
Une Bévue
> 920px ... m�me sur un aillephone ...
j'ai lu qqpart : 960x640
--
� L'amour est la sagesse du fou et la folie du sage. �
(Samuel Johnson)
Olivier Masson
> SAM<stephanemor...@wanadoo.fr.invalid> wrote:
>
>> 920px ... m�me sur un aillephone ...
>
> j'ai lu qqpart : 960x640
>
Plut�t 640x960 en fait.
Pensez � utiliser les media queries.
Allez faire un tour sur cet article http://bit.ly/9nKHGz (alistapart)
pour quelques infos bien utiles.
Et d�couvrez ou red�couvrez http://fr.php.net/get_browser avec le
fichier browscap.ini.
Ou encore JS pour conna�tre la taille du viewport.
Une Bévue
> Plut�t 640x960 en fait.
c'est vrai, �a doit d'ailleurs d�pendre du type d'aillephone 4 ou 3GS.
je crois bien que le 4 a le double de r�solution...
--
� La t�l�vision n'exige du spectateur qu'un acte de courage,
mais il est surhumain, c'est de l'�teindre. �
(Pascal Bruckner)
Une Bévue
> Et d�couvrez ou red�couvrez http://fr.php.net/get_browser avec le
> fichier browscap.ini.
euh, y a t'il des smartphones avec php ?
une page int�ressante :
<http://blog.jaysalvat.com/article/optimiser-son-application-web-pour-ip
hone-ou-ipod-touch>
<http://goo.gl/uPG9>
Olivier Masson
> Olivier Masson<sis...@laposte.net> wrote:
>
>> Plut�t 640x960 en fait.
>
> c'est vrai, �a doit d'ailleurs d�pendre du type d'aillephone 4 ou 3GS.
>
> je crois bien que le 4 a le double de r�solution...
>
Oui enfin, faut pas pousser non plus : l'Iphone3, GS ou pas, fait un
pauvre 320x480.
Olivier Masson
> Olivier Masson<sis...@laposte.net> wrote:
>
>> Et d�couvrez ou red�couvrez http://fr.php.net/get_browser avec le
>> fichier browscap.ini.
>
> euh, y a t'il des smartphones avec php ?
>
Gniii ? Depuis quand PHP est ex�cut� c�t� client ?
Mais sinon, oui il y a des portages de PHP sur smartphones.
>
> une page int�ressante :
> <http://blog.jaysalvat.com/article/optimiser-son-application-web-pour-ip
> hone-ou-ipod-touch>
> <http://goo.gl/uPG9>
>
>
Ben ouais, faudrait surtout pas prendre en compte Android, qui bouffe
gentiment et rapidement les parts de march� de l'iphone, ni Blackberry,
ni Maemo, etc.
Une Bévue
> Oui enfin, faut pas pousser non plus : l'Iphone3, GS ou pas, fait un
> pauvre 320x480.
c'est donc la moiti� de ce que j'ai donn� )))
Une Bévue
> Gniii ? Depuis quand PHP est ex�cut� c�t� client ?
Ah zut ! pas r�veill� je suis )))
SAM
> Olivier Masson<sis...@laposte.net> wrote:
>
>> Plut�t 640x960 en fait.
>
> c'est vrai, �a doit d'ailleurs d�pendre du type d'aillephone 4 ou 3GS.
�a doit d�pendre si tu le lis �cran vertical ou horizontal.
> je crois bien que le 4 a le double de r�solution...
Ouais ... peut-�tre ... mais ils fournissent les lunettes-loupes ?
(960px dans un �cran 3 pouces ou 4 pouces ...
faut avoir de tr�s bons yeux,
� mon id�e !)
Une Bévue
> Et d�couvrez ou red�couvrez http://fr.php.net/get_browser avec le
> fichier browscap.ini.
J'ai essay�, sans succ�s.
je me suis fait un r�p "iphone" dans mon site, j'y ai mis le fichier
"php_browscap.ini" ensuite j'ai chang� mon php.ini en ajoutant la ligne
:
browscap="/Users/yt/Sites/iphone/php_browscap.ini"
(sans "" autour du path ne change rien de m�me des espaces autour du =)
j'obtiens �a (avec FF 3 pas depuis mon iphone) :
/Users/yt/Sites/iphone
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; fr; rv:1.9.2.12)
Gecko/20101026 Firefox/3.6.12
Warning: get_browser() [function.get-browser]: browscap ini directive
not set in /Users/yt/Sites/iphone/info.php on line 8
mon script :
<?php
// current directory
echo getcwd() . "<br />\n";
echo $_SERVER['HTTP_USER_AGENT'] . "<br />\n";
$browser = get_browser(null, true);
print_r($browser);
?>
sans doute un pb de path ?
Olivier Masson
>
> sans doute un pb de path ?
>
Désolé, je peux pas t'aider. Moi j'ai mis le fichier au même endroit que
le php.ini.
Une Bévue
> Désolé, je peux pas t'aider. Moi j'ai mis le fichier au même endroit que
> le php.ini.
il ne m'était pas venu à l'idée de redémarrer Apache...
--
« La télévision n'exige du spectateur qu'un acte de courage,
mais il est surhumain, c'est de l'éteindre. »
(Pascal Bruckner)
Une Bévue
> Désolé, je peux pas t'aider. Moi j'ai mis le fichier au même endroit que
> le php.ini.
en fait, j'avais "juste" oublié de redémarrer Apache...
--
« La télévision n'exige du spectateur qu'un acte de courage,
mais il est surhumain, c'est de l'éteindre. »
(Pascal Bruckner)
Olivier Masson
> Olivier Masson<sis...@laposte.net> wrote:
>
>> Désolé, je peux pas t'aider. Moi j'ai mis le fichier au même endroit que
>> le php.ini.
>
> en fait, j'avais "juste" oublié de redémarrer Apache...
>
Ah oui c'est... disons que ça arrive :o)
Au fait, ne te limite pas à la doc php. Par exemple le très précieux
"ismobiledevice" n'y figure pas.
Une Bévue
> J'ai eu moi aussi ce genre de contrariétés. Au début, j'arrêtais Apache
> et je le redémarrais. Et puis un jour, j'ai découvert la commande
> magique (sous Unix) : apachectl graceful.
>
> Comme je bricole régulièrement dans le httpd.conf de mon serveur sous
> FreeBSD pour ajouter ou supprimer des VirtualHost, cette découverte m'a
> considérablement simplifié la vie...
j'avais --aussi-- oublié cette commande, sur Mac OS X j'ai simplement
désactivé le partage internet et réactivé ensuite.
--
« La vie ne se comprend que par un retour en arrière,
mais on ne la vit qu'en avant. »
(Sören Kierkegaard)
Une Bévue
> Ah oui c'est... disons que �a arrive :o)
> Au fait, ne te limite pas � la doc php. Par exemple le tr�s pr�cieux
> "ismobiledevice" n'y figure pas.
ah ? merci !
sur fr.comp.lang.php "on" m'a indiqu� :
> Sinon il y a une class qui reprend le fonctionnement de
> get_browser() mais am�lior� : http://github.com/garetjax/phpbrowscap
non test� � ce jour (bien prendre la version php...)
--
� La vie ne se comprend que par un retour en arri�re,
mais on ne la vit qu'en avant. �
(S�ren Kierkegaard)
Olivier Masson
>> Sinon il y a une class qui reprend le fonctionnement de
>> get_browser() mais amélioré : http://github.com/garetjax/phpbrowscap
>
>
> non testé à ce jour (bien prendre la version php...)
>
Ça permet surtout d'utiliser un équivalent de get_browser() lorsque l'on
n'a pas la possibilité de toucher au php.ini (le réglage browscap étant
modifiable uniquement dans php.ini ou httpd.conf.)
Jean-Francois Ortolo
>
> Ça permet surtout d'utiliser un équivalent de get_browser() lorsque l'on
> n'a pas la possibilité de toucher au php.ini (le réglage browscap étant
> modifiable uniquement dans php.ini ou httpd.conf.)
Bonjour Monsieur
Ce n'est pas possible d'arranger cela dans un fichier .htaccess ?
Si le Safe Mode n'est as activé ...
Amicalement.
Jean-François Ortolo
--
Visitez mon site gratuit donnant des Statistiques,
des Pronostics et des Historiques Graphiques
sur les Courses de Chevaux:
http://www.pronostics-courses.fr
Une Bévue
> �a permet surtout d'utiliser un �quivalent de get_browser() lorsque l'on
> n'a pas la possibilit� de toucher au php.ini (le r�glage browscap �tant
> modifiable uniquement dans php.ini ou httpd.conf.)
Il semble aussi que certaines fonctions sont (mieux) impl�ment�es...
--
� L'homme fabrique de la fausse monnaie et
l'argent fait de m�me avec les hommes. �
(Benjamin Franklin)
Olivier Masson
> Bonjour Monsieur
>
> Ce n'est pas possible d'arranger cela dans un fichier .htaccess ?
>
> Si le Safe Mode n'est as activé ...
>
Non, cette option est notée PHP_INI_SYSTEM dans la doc PHP, ce qui
interdit sa modification autre part que dans php.ini et httpd.conf.
Cf. http://fr2.php.net/manual/fr/ini.list.php et
http://fr2.php.net/manual/fr/configuration.changes.modes.php
Olivier Masson
>> n'a pas la possibilité de toucher au php.ini (le réglage browscap étant
>> modifiable uniquement dans php.ini ou httpd.conf.)
>
>
Pas trouvé de doc mais à regarder rapidement, je n'ai vu qu'une seule
différence : il va chercher le fichier browscap.ini tout seul comme un
grand sur le site garykeith.com et le met en cache.
Une Bévue
>
> Pas trouv� de doc mais � regarder rapidement, je n'ai vu qu'une seule
> diff�rence : il va chercher le fichier browscap.ini tout seul comme un
> grand sur le site garykeith.com et le met en cache.
ouais, c'est clair !
(apr�s avoir lu le code de "Browscap.php")