Redimenssioner la page web
sinifer
Messages postés
323
Statut
Membre
-
sinifer Messages postés 323 Statut Membre -
sinifer Messages postés 323 Statut Membre -
Bonjour,
j'ai un petit problème j'ai construite un site web avec l'aide d'un designer qui ma donné des images déjà faite mais le problème c'est quel sont trop grande pour certaine résolution d'écran de plus j'ai déjà mis tout en place maislà il y a aussi un problème c'est que quand je vais sur l'ordi d'un copin et que je me met sur le site il a fait que le site soit plus petit depuis firefoxe donc là on voit toute la page nickel saufe que des fois il y a des block qui ce croisent. ce qui devrai pas arrivé.
donc j'aimerai savoir si c'est possible que mon site soit vue par tout le monde sans que ce soit trop grand dans les pages et et tous soit correct dans les page des différents navigateur.
j'ai mis tout en px et quand j'ai voulu modifier le tir j'ai mi en % mais rien a faire en % c'est pire.
donc si quelqu'un a une solution ce serait gentille merci d'avence je vous mets un bout de mon css
j'ai un petit problème j'ai construite un site web avec l'aide d'un designer qui ma donné des images déjà faite mais le problème c'est quel sont trop grande pour certaine résolution d'écran de plus j'ai déjà mis tout en place maislà il y a aussi un problème c'est que quand je vais sur l'ordi d'un copin et que je me met sur le site il a fait que le site soit plus petit depuis firefoxe donc là on voit toute la page nickel saufe que des fois il y a des block qui ce croisent. ce qui devrai pas arrivé.
donc j'aimerai savoir si c'est possible que mon site soit vue par tout le monde sans que ce soit trop grand dans les pages et et tous soit correct dans les page des différents navigateur.
j'ai mis tout en px et quand j'ai voulu modifier le tir j'ai mi en % mais rien a faire en % c'est pire.
donc si quelqu'un a une solution ce serait gentille merci d'avence je vous mets un bout de mon css
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
margin-top:10px;
margin-bottom:10px;
background-color: #777777;
}
#conteneur {
width: 1126px;
margin: 0 auto;
background-image:url(img/fond-centre2.jpg);
background-repeat:repeat-y;
}
#conteneurlog {
width: 1126px;
height: 800px;
margin: 0 auto;
background-image:url(img/fond-centre2.jpg);
background-repeat:repeat-y;
}
#header {
height: 63px;
background-image:url(img/fond-head2.jpg);
background-repeat:no-repeat;
}
#haut {
padding-left:50px;
height:130px;
}
.ban {
padding-left:50px;
}
.logo {
position:absolute;
}
.menu {
position:absolute;
margin-left:250px;
}
#gauche {
position:absolute;
top:205px;
width: 240px;
margin-left:50px;
}
.xerox {
position:absolute;
margin-left:900px;
}
#centre {
padding-left:50px;
}
#centre2 {
margin-left:300px;
height:760px;
}
#pied {
height: 87px;
background-image:url(img/fond-footer2.jpg);
background-repeat:no-repeat;
}
#piedlog{
margin-top:-155px;
height: 87px;
background-image:url(img/fond-footer2.jpg);
background-repeat:no-repeat;
}
.test {
position:absolute;
height: 87px;
width:200px;
margin-left:100px;
}
A voir également:
- Redimenssioner la page web
- Web office - Guide
- Supprimer page word - Guide
- Comment traduire une page web - Guide
- Screenshot page web entière - Guide
- Création page web - Guide
4 réponses
Alors là ca va être difficile, si on a accès seulement au fichier CSS :(
Je te conseil de redimensionner tes images pour qu'elles soient adéquat pour toutes les tailles d'écrans.
Aussi tu peux utiliser "z-index" il permet de poser un ordre dans l'affichage des blocs.
par exemple:
Si la div1 et la div2 se chevauchent, la div1 sera audessus de la div2.
Sinon je peux peux pas t'aider, désolé :(
Je te conseil de redimensionner tes images pour qu'elles soient adéquat pour toutes les tailles d'écrans.
Aussi tu peux utiliser "z-index" il permet de poser un ordre dans l'affichage des blocs.
par exemple:
#div1
{
z-index:5
}
#div2
{
z-index:2
}
Si la div1 et la div2 se chevauchent, la div1 sera audessus de la div2.
Sinon je peux peux pas t'aider, désolé :(