Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage PHP Dimensions d'une page

Dimensions d'une page

44 réponses
Avatar
kurtbosh
Bonjour,

Je me demande s'il n'y a pas de dimensions optimales conseill=E9es pour
une page web ? Ceci pour un affichage meilleur sur tous les =E9crans et
avec tous les browsers.

Merci.

grenault.net
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2 3 4 5
Avatar
Olivier Miakinen
Le 20/07/2009 15:21, kurtbosh a écrit :

> Comment configurer les browsers pour qu'ils s'ouvrent à une dimension
> donnée.



[...] je voulais lui imposer pax exemple 1024*768 pour voir ce que
donne une page et je n'ai pas trouvé comment faire, aucune notion de
pixels dans la taille des fenêtre c'est 100% pif !



Avec l'extension Web Developer pour Gecko, tu peux :
- afficher ponctuellement la dimension de la fenêtre (contenant et
contenu) ;
- demander à ce qu'elle soit affichée en permanence dans le titre
(idem) ;
- retailler la fenêtre à la dimension que tu veux (par taille du
contenant ou du contenu) ;
- configurer une ou plusieurs tailles par défaut pour le faire en
un clic (idem).
Avatar
Sergio
kurtbosh a écrit :

Oui mais je voulais lui imposer pax exemple 1024*768 pour voir ce que
donne une page et je n'ai pas trouvé comment faire, aucune notion de
pixels dans la taille des fenêtre c'est 100% pif !



Pour ce cas là, l'extension "Web Developper" pour Firefox fait cela
(entre autre)...

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
pdorange
kurtbosh wrote:

Oui mais je voulais lui imposer pax exemple 1024*768 pour voir ce que
donne une page et je n'ai pas trouvé comment faire, aucune notion de
pixels dans la taille des fenêtre c'est 100% pif !



Certains outils de webmasters propose de dimensionner la fenêtre de visu
(c'était le cas, il y a longtemps de GoLive par exemple).

Il y a le pugin "Web Developper" pour FireFox par exemple qui doit faire
ça me semble-t-il.

Il existe aussi des logiciels qui font "règle à pixels", ça permet
d'être beaucoup moins pifomètre, voir précis.
Je n'en utilise pas directement, mais on trouve facilement PixelRuler
(Windows) ou FreeRuler (Mac).

--
Pierre-Alain Dorange <http://microwar.sourceforge.net/>

Ce message est sous licence Creative Commons "by-nc-sa-2.0"
<http://creativecommons.org/licenses/by-nc-sa/2.0/fr/>
Avatar
SAM
Le 7/20/09 3:21 PM, kurtbosh a écrit :
On 20 juil, 12:50, SAM
wrote:
Le 7/20/09 11:23 AM, kurtbosh a écrit :

Comment configurer les browsers pour qu'ils s'ouvrent à une dimension
donnée.


ben ... en l'ayant quitté avec la fenêtre ouverte comme on la veut
(Win XP - Mac)
Normalement toute nouvelle fenêtre devrait s'afficher comme la première.



Oui mais je voulais lui imposer pax exemple 1024*768 pour voir ce que
donne une page et je n'ai pas trouvé comment faire,



Si tu n'utilises par l'extention Web Developer" sur Firefox
tu peux tenter :

en barre d'adresse taper (copier/coller)

javascript:self.resizeTo(1024,768)

et pressuriser la touche Entrée

Normalement, et si IE n'en fait pas une jaunisse, tu dois voir se
redimensionner ta fenêtre :

Largeur de la fenêtre: 1024px
Hauteur de la fenêtre: 768px

Ce qui donne chez moi :

Largeur (zone d'affichage): 1024px
Hauteur (zone d'affichage): 360px

me dit Web Developer

Ha! Oui! J'ai un max de barres dans mon navigateur :-(

--
sm
Avatar
Pascal
Le Mon, 20 Jul 2009 16:43:55 +0200,
SAM a écrit :

Le 7/20/09 2:55 PM, Pascal a écrit :
> Le Mon, 20 Jul 2009 13:04:41 +0200,
> SAM a écrit :
>
>> L'idéal serait une mise en page en colonnes "intelligentes"
>> pas large : la colonne remplit la largeur dispo
>> assez large : la colonne se fixe à 700px
>> très large : hop 2 ou 3 colonnes de 450px mini
>> dont le contenu progresse d'une colonne à l'autre
>>
>> Pas certain que les ccs3 permettent ça ?
>
> Si, mais c'est pas aussi intelligent:
> http://pascal.parois.net/genea4p/liste_patronymes.php?g4p_cpt1&patr onyme=M
>
> column-width:200px;
> -moz-column-width:200px;
> -webkit-column-width:200px;

Je vois bien les css
mais il n'y a rien concernant ce .colonne
dans la page proposée

et le PHP semble avoir qques pbs :
<http://cjoint.com/?huqRfzzItT>



Ah mince, joli bug... Sortie de sa session, le lien vaut rien...
J'espère corrigé, sinon dans le menu à gauche, choisir la base puis
naviguer dans les patronymes. ça m'apprendra à pointer sur mon site
aulieu de pas mettre un vulgaire exemple html en exemple :)

Le nombre de colonnes s'adapte à la largeur de la page.

<http://pascal.parois.net/genea4p/liste_patronymes.php?g4p_cpt1&patrony me=M&genea_db_id=5>


Pascal
Avatar
pdorange
SAM wrote:

Normalement, et si IE n'en fait pas une jaunisse, tu dois voir se
redimensionner ta fenêtre :

Largeur de la fenêtre: 1024px
Hauteur de la fenêtre: 768px

Ce qui donne chez moi :

Largeur (zone d'affichage): 1024px
Hauteur (zone d'affichage): 360px

me dit Web Developer

Ha! Oui! J'ai un max de barres dans mon navigateur :-(



Ca faut quand même beaucoup de barres... 408 pixels ;-)

--
Pierre-Alain Dorange <http://microwar.sourceforge.net/>

Ce message est sous licence Creative Commons "by-nc-sa-2.0"
<http://creativecommons.org/licenses/by-nc-sa/2.0/fr/>
Avatar
Olivier Miakinen
Le 20/07/2009 16:54, SAM a écrit :

en barre d'adresse taper (copier/coller)

javascript:self.resizeTo(1024,768)

et pressuriser la touche Entrée



Ça n'a pas marché tout de suite... mais après avoir reconfiguré
SeaMonkey pour autoriser JavaScript à déplacer ou redimensionner
des fenêtres existantes, c'est vrai que ça fonctionne mieux. ;-)

Largeur de la fenêtre: 1024px
Hauteur de la fenêtre: 768px

Ce qui donne chez moi :

Largeur (zone d'affichage): 1024px
Hauteur (zone d'affichage): 360px

me dit Web Developer



Vraiment 1024 de large pour la zone d'affichage ? Ça te ferait des bords
de fenêtre d'épaisseur nulle...

Moi j'obtiens :
Window : 1024×768
Viewport : 1014×595
Avatar
SAM
Le 7/20/09 5:59 PM, Pierre-Alain Dorange a écrit :
SAM wrote:

Normalement, et si IE n'en fait pas une jaunisse, tu dois voir se
redimensionner ta fenêtre :

Largeur de la fenêtre: 1024px
Hauteur de la fenêtre: 768px

Ce qui donne chez moi :

Largeur (zone d'affichage): 1024px
Hauteur (zone d'affichage): 360px

me dit Web Developer

Ha! Oui! J'ai un max de barres dans mon navigateur :-(



Ca faut quand même beaucoup de barres... 408 pixels ;-)



Y déc... ce WD ou quoi ?

cette fois : 768 - 564 = javascript:alert(768-564)
... un peu moins qd même ... dans les 204 pixels

Voyons voir:
javascript:alert(window.outerHeight-window.innerHeight) // 204
(il parait que ce n'est pas la peine d'essayer avec IE)

--
sm
Avatar
pdorange
SAM wrote:




<http://pascal.parois.net/genea4p/liste_patronymes.php?g4p_cpt1&patron
yme=M&genea_db_id=5>

Ha! oui! Pas mal !
Super! même!
Ça fonctionne avec mes Fx.3 et Safari.3



Oui, oui très bien en effet. OK avec Safari '4.
A priori c'est dut aux balises spéciales et non normalisés de Firefox et
WebKit, donc normal que Opera 9 n'accepte pas, ni internet explorer
évidemment...

En savoir plus : <http://www.quirksmode.org/css/multicolumn.html>

--
Pierre-Alain Dorange <http://microwar.sourceforge.net/>

Ce message est sous licence Creative Commons "by-nc-sa-2.0"
<http://creativecommons.org/licenses/by-nc-sa/2.0/fr/>
Avatar
Pascal
Le Mon, 20 Jul 2009 17:37:51 +0200,
Olivier Miakinen <om+ a écrit :

Le 20/07/2009 17:26, Pascal a écrit :
>>
>> et le PHP semble avoir qques pbs :
>> <http://cjoint.com/?huqRfzzItT>
>
> Ah mince, joli bug... Sortie de sa session, le lien vaut rien...
> J'espère corriger

Si cela peut te rassurer, tu n'es pas le seul à avoir fait la bourde.
Les liens du TLFi par exemple sont incommunicables pour la même
raison. <http://atilf.atilf.fr/>
<http://atilf.atilf.fr/dendien/scripts/tlfiv5/advanced.exe?8;s•260885 5;>



Pas drôle. C'est pratique de copier-coller, j'y fait la chasse, au
début, c'était impossible sur quasiment tout mon site :(


> [...] Ça m'apprendra à pointer sur mon site
> au lieu de mettre un vulgaire exemple html en exemple :)

C'était une bonne idée, puisque ça t'a permis de t'apercevoir du
problème !



Ma todo liste vient de s'agrandir. Le problème est corrigé mais c'est
affreux :)

Pascal
1 2 3 4 5