affichage differents selon les explorateurs...

Luc Membre non connecté

Booster Minigun

Le 01/01/2010 à 22h56

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

Bonjour a tous...

Je mets à jour un sujet toujours d'actualité... Et encore plus avec Internet explorer 9

Theme utilisé Caméléon.

site www.noemielucandco.com

Lorsque je me connecte sur mon site.

Avec google chrome, ou safari, ou modzilla, ou internet explorer ma largeur de photo d'entete n'est pas correcte...

Du coup j'ai un arriere plan tout moche.

Je veux simplement que ma photo ne change pas de taille quelque soit l'explorateur et quelque soit la taille de l'ecran du visiteur. En plus la photo est normalement une banniere...

J'ai fouillé dans le design.css, bidouillé les valeurs du premier article, vider mes caches a chaques coup mais rien n'y fait... je n'arrive pas a avoir un affichage correcte sur tout les explorateurs.

Voilà je ne suis peut etre pas tres clair mais quand on y connait rien on ne peut pas etre spécialiste...

Merci d'avance de vos reponses...

Édité par Luc Le 20/03/2011 à 18h43

Luc

«Sans coeur, nous ne sommes que des machines»

Shadow Membre non connecté

Booster Fusée

Le 02/01/2010 à 11h50

#79876

Booster Fusée
Voir le profil du membre Shadow
Inscrit le : 30/12/2007
Site internet

Bonjour,

Message déplacé dans la bonne section.

En vrac :
1/ Une adresse de site ou une capture d'écran aiderait beaucoup les graphistes à comprendre le problème.

2/ Oui, pour tu peux les uploader par FTP. Je te suggère de consulter la documentation pour l'intégration de vidéos.

3/ Oui, par FTP. Même remarque qu'en 2.

4/ Même remarque qu'en 1, tout ce qui relève de l'apparence visuelle du site est difficile à résoudre si on ne peut pas visualiser...

Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.

Ptithom Membre non connecté

Equipe Historique Modérateur

Le 02/01/2010 à 12h58

#79898

Modérateur
Voir le profil du membre Ptithom
Inscrit le : 07/11/2006
Site internet
Groupes :
Equipe Historique

2/ tu as un gestionnaire de fichier par membre où chaque membre peut uploader des fichiers. Le problème est la limitation de la taille d'envoie qui est limitée par la configuration du serveur donc pour des grosses vidéos il vaut mieux passer par FTP.

3/ http://www.phpboost.com/wiki/administration-du-module-galerie-phpboost-3#paragraph_ajout-d-images

Citation :
Moyen simple d'ajouter une grande quantité d'images dans votre galerie. Uploadez toutes vos images sur votre FTP dans le répertoire ../gallery/pics/ de votre serveur.

Ensuite vous allez dans la partie administration / modules/ galerie / ajout d'images et vous voyez s'afficher toutes les images en attente d'être validées.

Pour chacune, nommez la et choisissez la catégorie dans laquelle elle sera mise.

4/ les images se trouvent dans le répertoirte ../gallery/templates/images/

Toujours OSER, savoir parfois CEDER, mais jamais RENONCER!

Mes sites : http://www.leschinchillas.org / http://www.chateau-de-lastours.fr

Luc Membre non connecté

Booster Minigun

Le 02/01/2010 à 13h37

#79901

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

Ok merci de ta reponse...

Pour les vidéos, si j'ai bien compris c'est que le .flv que l'on peut integrer de la façon donner dans le forum a l'adresse :" http://www.phpboost.com/forum/search.php?token=0806762dd35ee2aa5c9b7b33385488b4e85f9e3242961eb87356ccb08589f700"

Pour les problemes d'affichage voici 2 copie d'ecran j'espere que ça va te parler...

Donc voila ce que ça me donne avec internet explorer 8.0 et modzilla... Alors qu'avec google chrome la photo de montagne avec le titre fait la largeur de la page...

L'autre point c'est donc l'affichage des icones... Mais je suis sur que c'est pas grand chose ça... Mais impossible de trouver le chemin d'acces dans mon theme...

Merci d'avance

Luc

«Sans coeur, nous ne sommes que des machines»

Luc Membre non connecté

Booster Minigun

Le 02/01/2010 à 15h25

#79915

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

D'abord Merci c'est clair précis... Les infos me plaisent bien... Et meme si ça marche pas deja je me sents ecouter donc ça va le faire à un moment... cool!!!!

Sacré informatique...Décidement... je crois que j'ai la poise...

2) Mon code dans le design.css...

Code CSS :

/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site 
--------------------------------------*/
* {
    margin:0;
    padding:0;
    font-size:100%;
}
body {
 
    background:#b3daff url(images/fondx.png) no-repeat ;background-attachment: fixed ;
-webkit-background-size: 100% 100%; 
  -o-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    font-size:12px;
 
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana,
        'Bitstream Vera Sans', Times, serif;
    color:#0E2A48;
    margin:auto;
    padding:0;
width:auto;

MAis voila mon image est tjrs comme ci dessus... je ne vois pas quoi faire

3) J"essai de résoudre les problemes dans l'ordre qui me parait le plus facile... Donc le chargement de photos par mon serveur puis donc modules gallery ajout d'images et là crac... "Error 500- Internal server error//Un problème inattendu est survenu//Veuillez réessayer ultérieurement.""

4) Résolu

Édité par ReidLos Le 10/01/2010 à 23h29

Luc

«Sans coeur, nous ne sommes que des machines»

Luc Membre non connecté

Booster Minigun

Le 05/01/2010 à 20h03

#80202

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

Je suis toujours planté.... Si quelqu'un a un tuyau.... :-(

Luc

«Sans coeur, nous ne sommes que des machines»

dark Membre non connecté

Booster Bazooka

Le 05/01/2010 à 21h58

#80220

Booster Bazooka
Voir le profil du membre dark
Inscrit le : 14/12/2009
Site internet
Groupes :

Pour ton point 1) Si j'ai bien compris ton problème est que ton onglet dépasse de ta bannière blanche d'en dessous ?

Shadow dit vrai. Une image peut déjà aider mais le mieux reste le lien de ton site comme cela on peut tester directement.

Je lis et respecte ce que vous écrivez, faites de même pour moi

Luc Membre non connecté

Booster Minigun

Le 06/01/2010 à 06h36

#80237

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

Bonjour et merci.

Pour le point 1 comme on remarque ci dessus j'ai une photo actuellement de montagne... Mais en fonction de l'explorateur utilisé celle ci ne fait pas toute la largeur de la page... Alors que sous google chrome elle s'adapte automatiquement au dimension de la fenetre...

www.noemielucandco.com

Luc

«Sans coeur, nous ne sommes que des machines»

Visiteur

Boosteur Inactif

Le 06/01/2010 à 12h25

#80247

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

google crhome est baser sous webkit.
donc il est normal qu'il reconnaise : -webkit-background-size: 100% 100%;

il serais bien que on ai une idée des navigateur avec le quel tu fais les essai. ie XX ? firefox, opera, seamonkey, arora, midory ....

celons le navigateur, certain applique le css3, d'autre pas ... (j'ai pas dit ie :þ )

essai de mettre background-size: 100% 100%; en lieu et place, normalement cela devrais être deja mieux sous ie.

il me semblais que le kaméleon etait bloquer a 1000px de large.

pour attaque les onglet leur espacement est de 50px :
dans design.css:

Code CSS :

 div#header .dynamic_menu h5.links {
margin-left:50px;
}

pour ce qui est de tout centrer cela vas être du placement a coup de margin, et sur les onglet, et la barre en dessous.
commance a baisser les espacement d'onglet, et ensuite tu pourra centrer le bazard

Luc Membre non connecté

Booster Minigun

Le 06/01/2010 à 12h53

#80249

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

J'ai essayé sous google chrome et Safari pas de pb...
internet explorer et Firefox modzilla ça ne marche pas...

Pour les essais de ta reponse je vois ça se soir chez moi... Et je vous re...

Édité par Luc Le 06/01/2010 à 12h56

Luc

«Sans coeur, nous ne sommes que des machines»

Visiteur

Boosteur Inactif

Le 07/01/2010 à 00h39

#80294

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

il me semble que chrome est basé sur webkit, safari quand a lui c'est sur.
peut etre que cette regle css est batarde, et faite pour ce moteur.

Luc Membre non connecté

Booster Minigun

Le 08/01/2010 à 22h26

#80401

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

Bonsoir à tous... Je galere toujours et pourtant tout les sites que je visite sont centrés...
Je suis completement à l'ouest je ne sais pas quoi faire...

Voici mon début de page dans design.css

Qu'est qui cloche la dedans....

Merci d'avance

Code CSS :

* {
    margin:0;
    padding:0;
    font-size:100%;
}
 
 
 
body {
 
 
 
    background:#b3daff url(images/fondx.png) no-repeat ;background-attachment: fixed ;
background-size: 100% 100%;
    font-size:12px;
 
 
 
 
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana,
        'Bitstream Vera Sans', Times, serif;
    color:#0E2A48;
    margin:auto;
    padding:0;
    width:auto;
 
 
 
}
/* Conteneurs 
--------------------------------------*/
    /* ##### Conteneur global du site ###### */
div#global {
    margin:auto 5px;
    margin-bottom:15px;
    width: 97%;
}
 
/* ##### Entéte de la page ###### */
div#header_container {
    background: url(images/header.png) no-repeat;
height: relative;/*260px;*/
 
 
}
 
/* ##### Entéte de la page ###### */
div#header{
    height:95px;
padding-top:170px;
padding-left:20px;
 
}
div#header_admin {
    height:50px;
 
}
 
/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header{
background: url(images/sub_header2.png) no-repeat center;/*agrandire*/
    height:auto;
padding-top:50px;
text-align:center;
    padding-right:150px;
position:absolute;
height:50px;
width:1035px;
margin-top: 72px;
position:absolute;
top:100px;

Édité par ReidLos Le 08/01/2010 à 22h39

Luc

«Sans coeur, nous ne sommes que des machines»

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 10/01/2010 à 23h24

#80541

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Je pense qu'il faudrait créer plusieurs fichiers css et mettre des conditions du genre :

Code TPL :

<!--[if IE 6]>
<link rel="stylesheet" href="/templates/journalPC3/theme/design.css" type="text/css" media="screen" />
<![endif]-->

Dans ton header.tpl

Sinon dans ton body tu remplace le background par :

Code CSS :

background:#B3DAFF url(images/fondx.png) no-repeat fixed center top;

pour l'image qui fait toute la largeur... tu vas devoir rajouter un div dans ton header.tpl et répétter un fond a coup de repeat-x dans la propriété css du div

Édité par ReidLos Le 10/01/2010 à 23h31

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 13/01/2010 à 21h35

#80706

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Sujet réglé ?

Luc Membre non connecté

Booster Minigun

Le 15/01/2010 à 06h17

#80787

Booster Minigun
Voir le profil du membre Luc
Inscrit le : 01/01/2010
Site internet

Pour la photo centrée sur le site c'est ok...
Pour le reste j'ai toujours mon erreur 500 quand je veux charger mes photos...
Et j'ai toujours pas réussi a uploader une video sans passer par youtube...
En ce moment pas de temps libre. On peut clore le sujet je ferais des essais ulterieurement
Merci pour votre aide...
Et a dans la semaine prochaine qui semble s'annoncer plus calme.

CDT

Luc

Luc

«Sans coeur, nous ne sommes que des machines»

Créations de Thèmes

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie