Petit soucis de design CSS
Fermé
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
-
3 nov. 2009 à 11:25
louis1984 Messages postés 341 Date d'inscription jeudi 29 mai 2008 Statut Membre Dernière intervention 10 mars 2016 - 3 nov. 2009 à 14:03
louis1984 Messages postés 341 Date d'inscription jeudi 29 mai 2008 Statut Membre Dernière intervention 10 mars 2016 - 3 nov. 2009 à 14:03
A voir également:
- Petit soucis de design CSS
- Petit 1 comme ² ✓ - Forum Windows
- Excel trier du plus grand au plus petit - Guide
- Petit 3 ✓ - Forum Word
- Petit 2 clavier iphone ✓ - Forum iPhone
- Maeva vient de créer son entreprise de design à montréal. en plus des actions menées sur son site web, elle souhaite développer la visibilité de son entreprise. pour cela, elle peut utiliser différentes techniques. ✓ - Forum Loisirs / Divertissements
16 réponses
Pilow
Messages postés
400
Date d'inscription
vendredi 2 octobre 2009
Statut
Membre
Dernière intervention
23 décembre 2009
71
3 nov. 2009 à 11:34
3 nov. 2009 à 11:34
Essaye de visualiser ta page avec mozilla Firefox, chez moi je ne vois pas de problème
Ca peut venir d'Internet Explorer car IE et Firefox n'ont pas les mêmes "règles" au niveau du CSS
Ca peut venir d'Internet Explorer car IE et Firefox n'ont pas les mêmes "règles" au niveau du CSS
papouuu86
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
11
3 nov. 2009 à 11:36
3 nov. 2009 à 11:36
pas de soucis avec firefox j'ai bien ce que tu veux.
par contre comme dis dans un autre post juste avant utilise des tailles en % sinon tu auras des soucis avec les utilisateurs travaillant sur d'autres parametres d'affichages
par contre comme dis dans un autre post juste avant utilise des tailles en % sinon tu auras des soucis avec les utilisateurs travaillant sur d'autres parametres d'affichages
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 11:40
3 nov. 2009 à 11:40
Merci pour vos reponses.
Par contre, je pensais que c'etait mieux d'utiliser les pixels?
Auparavant j'utilisais les % et quand je changeait d'ordinateur (que je passais d'un 13 pouce a un 19 pource), le design changeait completement le site devenait vraiment moche.. je sais pas comment expliquer...
Donc pourrais-tu developper un peu le pourquoi il faut utiliser les % au lieu des px?
Merci par avance,
Par contre, je pensais que c'etait mieux d'utiliser les pixels?
Auparavant j'utilisais les % et quand je changeait d'ordinateur (que je passais d'un 13 pouce a un 19 pource), le design changeait completement le site devenait vraiment moche.. je sais pas comment expliquer...
Donc pourrais-tu developper un peu le pourquoi il faut utiliser les % au lieu des px?
Merci par avance,
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 11:41
3 nov. 2009 à 11:41
J'oubliais, et comment puis-je faire pour que ma page s'affiche correctement sur Internet Explorer?
Merci
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Pilow
Messages postés
400
Date d'inscription
vendredi 2 octobre 2009
Statut
Membre
Dernière intervention
23 décembre 2009
71
3 nov. 2009 à 11:48
3 nov. 2009 à 11:48
Moi j'ai toujours fait en fonction de FF, après je crois que tu peux mettre deux fois la même caractéristique avec deux syntaxes différentes dans ton CSS pour qu'il soit interprété par chaque Navigateur correctement
Je sais pas si je dis n'importe quoi et si j'ai été clair :S
Je sais pas si je dis n'importe quoi et si j'ai été clair :S
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 11:56
3 nov. 2009 à 11:56
Pilow, je n'ai rien compris!! lol
Pourrais tu developper?
Dois-je utiliser les pixels ou les pourcents pour mon design? comment faire pour que ca s'affiche correctement quel que soit le navigateur?
Pourrais tu developper?
Dois-je utiliser les pixels ou les pourcents pour mon design? comment faire pour que ca s'affiche correctement quel que soit le navigateur?
Pilow
Messages postés
400
Date d'inscription
vendredi 2 octobre 2009
Statut
Membre
Dernière intervention
23 décembre 2009
71
3 nov. 2009 à 12:02
3 nov. 2009 à 12:02
D'apres le peu que je connais :
IE et FF n'utilise pas les meme standard de CSS.
Soit tu peux utiliser des standard communs aux deux.
Soit tu peux dire un truc du genre : If ton navigateur == IE, tu charge le CSS special IE, sinon tu charge le FF, ou bien autre navigateur ...
Edit : Rattrapez-moi si je me trompe
IE et FF n'utilise pas les meme standard de CSS.
Soit tu peux utiliser des standard communs aux deux.
Soit tu peux dire un truc du genre : If ton navigateur == IE, tu charge le CSS special IE, sinon tu charge le FF, ou bien autre navigateur ...
Edit : Rattrapez-moi si je me trompe
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 12:12
3 nov. 2009 à 12:12
Je viens de tout convertir en % et ca fonctionne parfaitement sur IE et sur Mozilla... je pense le laisser en %
Par contre je n'arrive pas a centrer le cadre.... il est toujours situer un peu vers la gauche .. alors que j'ai bien mis des marges identiques a gauche et a droite:
}
div#cadre {
width:90%;
height:90%;
background-color:#FF6699;
margin-left: 5% ;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
border:#000000;
border-width: 0;
border-style: solid;
Voici le CSS en entier:
@charset "utf-8";
/* CSS Document */
body {
margin: 0%;
padding: 0%;
background-color: #00FF00;
}
div#cadre {
width:90%;
height:90%;
background-color:#FF6699;
margin-left: 5% ;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
border:#000000;
border-width: 0;
border-style: solid;
}
div#logo {
width:100%;
height:10%;
background-color:#99CC99;
}
div#menu {
width:100%;
height:10%;
background-color:#000000;
}
div#colonne_gauche {
float:left;
width:10%;
height:90%;
background-color:#FFFF00;
}
div#contenu {
float:left;
width:70%;
height:90%;
background-color:#CCCC33;
}
div#colonne_droite {
float: right;
text-align: right;
width: 20%;
height:90%;
background-color:#FFFFFF;
}
div#piedpage {
width:100%;
height:5%;
background-color:#9966FF;
clear:both;
vertical-align: bottom;
Comment faire pour centrer le cadre?
Merci par avance.
Par contre je n'arrive pas a centrer le cadre.... il est toujours situer un peu vers la gauche .. alors que j'ai bien mis des marges identiques a gauche et a droite:
}
div#cadre {
width:90%;
height:90%;
background-color:#FF6699;
margin-left: 5% ;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
border:#000000;
border-width: 0;
border-style: solid;
Voici le CSS en entier:
@charset "utf-8";
/* CSS Document */
body {
margin: 0%;
padding: 0%;
background-color: #00FF00;
}
div#cadre {
width:90%;
height:90%;
background-color:#FF6699;
margin-left: 5% ;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
border:#000000;
border-width: 0;
border-style: solid;
}
div#logo {
width:100%;
height:10%;
background-color:#99CC99;
}
div#menu {
width:100%;
height:10%;
background-color:#000000;
}
div#colonne_gauche {
float:left;
width:10%;
height:90%;
background-color:#FFFF00;
}
div#contenu {
float:left;
width:70%;
height:90%;
background-color:#CCCC33;
}
div#colonne_droite {
float: right;
text-align: right;
width: 20%;
height:90%;
background-color:#FFFFFF;
}
div#piedpage {
width:100%;
height:5%;
background-color:#9966FF;
clear:both;
vertical-align: bottom;
Comment faire pour centrer le cadre?
Merci par avance.
papouuu86
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
11
3 nov. 2009 à 12:26
3 nov. 2009 à 12:26
pourquoi ne pas mettre un <center> autour de ta div si tu veux que ce soit bien au centre de ton ecran?
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 12:28
3 nov. 2009 à 12:28
Parce que ca m'a pas l'air tres propre un "center"... je pense que le probleme vient du CSS, donc je prefere modifier le CSS pour qu'il fonctionne plutot que de mettre le "center".. et d'avoir un CSS approximatif.
Merci quand meme pour ton aide.
Merci quand meme pour ton aide.
papouuu86
Messages postés
77
Date d'inscription
mercredi 21 octobre 2009
Statut
Membre
Dernière intervention
4 novembre 2009
11
3 nov. 2009 à 12:31
3 nov. 2009 à 12:31
je sais pas si c'est moins propre mais j'utilise beaucoup c'est plus rapide qu'en css et plus "sur" je trouve a chacun ses methodes après.
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 12:39
3 nov. 2009 à 12:39
J'avais lu je sais plus ou que c'est pas propre.. le truc bizare est que mon CSS etait centrer auparavant.. j'ai du modifier un truc .. je sais pas quoi..
Pilow
Messages postés
400
Date d'inscription
vendredi 2 octobre 2009
Statut
Membre
Dernière intervention
23 décembre 2009
71
3 nov. 2009 à 13:27
3 nov. 2009 à 13:27
Essaye d'augmenter ton margin-left ?
10% par exemple
10% par exemple
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 13:37
3 nov. 2009 à 13:37
ouai mais c'est un peu a l'arrache.... normalement ca devrait marcher... les deux margin (left et right) sont egaux... donc ca devrait etre centrer.. je comprends pas..
Pilow
Messages postés
400
Date d'inscription
vendredi 2 octobre 2009
Statut
Membre
Dernière intervention
23 décembre 2009
71
3 nov. 2009 à 13:45
3 nov. 2009 à 13:45
Bon moi j'ai trouvé un truc
Dans ton body
Tu rajoute :
Et ton container tu le fais comme suit :
Dans ton body
Tu rajoute :
text-align:center;
Et ton container tu le fais comme suit :
#container{ width:90%; margin-left:auto; margin-right:auto; text-align:left; }
louis1984
Messages postés
341
Date d'inscription
jeudi 29 mai 2008
Statut
Membre
Dernière intervention
10 mars 2016
6
3 nov. 2009 à 14:03
3 nov. 2009 à 14:03
Merci Pilow,
Ca marche pour IE, mais sous Mozilla ca ne marche pas.. j'ai toujours un decallage sur la gauche..
Comment faire? Je n'y connais rien en codage..
Merci par avance pour votre aide.
Ca marche pour IE, mais sous Mozilla ca ne marche pas.. j'ai toujours un decallage sur la gauche..
Comment faire? Je n'y connais rien en codage..
Merci par avance pour votre aide.