Téléchargement
illégal
Posez votre question Signaler

Positionnement css

clem - Dernière réponse le 21 oct. 2010 à 15:19
Bonjour,
J'ai créé un site et je souhaiterai qu'il soit centré VERTICALEMENT et horizontalement au milieu de la page... Malheureusement, lorsque je réduis la taille de mon écran ou lorsque j'utilise un ultra-portable, le haut de la page disparait ! Pourquoi ?
Merci par avance pour vos réponses;
Extrait code css :
* {
margin: 0;
padding: 0;
}
body {
margin: auto;
padding: auto;
width: 728px;
background-color: #5984b5;
font-family: Lucida Sans Unicode;
}
#blanc {
position: absolute;
background-color: #ffffff;
top: 50%;
height: 747px;
width: 728px;
margin-top: -374px;
margin-left: auto;

border: 1px solid #000000;
}
#gauche {
line-height: 25px;
margin: 10px;
width: 140px;
float: left;
}
#sommaire {
background-image: url(menu/menu.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
color: black;
line-height: 25px;
padding: 5px 10px 0px 10px;
border: 1px solid #000000;
width: 130px;
float: left;
}
#langues {
background-image: url(menu/menu.jpg);
background-repeat: no-repeat;
background-color: #ffffff;
color: black;
margin: 10px 0 0 0;
line-height: 25px;
padding: 5px 10px 0px 10px;
border: 1px solid #000000;
width: 130px;
float: left;
padding: 5px 10px 0px 10px;
}
#langues a:hover {
text-decoration: underline;
}
#citation {
text-align: center;
}
#banniere {
margin: 0px;
padding: 0px;
height: 214px;
border: 0 0 1px 0 solid #000000;
Lire la suite 

Positionnement css »

14 réponses
Réponse
+0
moins plus
Ba ton site est trop grand pour ton ultra portable, je peux voir le site stp ?
clem - 14 oct. 2010 à 21:32
en fait, même avec un écran de taille convenable, la page peut-être coupée
Ajouter un commentaire
Réponse
+0
moins plus
ouai jai trouver ta fait une grosse erreur

margin-top: -374px;

supprime sa ^^
Ajouter un commentaire
Réponse
+0
moins plus
et le top aussi ^^ ou modifie le
Ajouter un commentaire
Réponse
+0
moins plus
Merci pour la proposition.
Si je supprime le margin-top: -374px; et que je modifie le top: 50%, le site ne sera plus centré verticalement. N'y a t'il pas une autre solution ?
Ajouter un commentaire
Réponse
+0
moins plus
ba deja faut virer ça et ensuite je pense que tu devrai le faire en javascript en captant la resolution de l'ecran du client et avec calcul
Ajouter un commentaire
Réponse
+0
moins plus
Oui bon... Le JavaScript, je n'y connais rien...
Ajouter un commentaire
Réponse
+0
moins plus
http://forum.alsacreations.com/...
Ajouter un commentaire
Réponse
+0
moins plus
merci
Ajouter un commentaire
Réponse
+0
moins plus
sa marche ou pas ?
Ajouter un commentaire
Réponse
+0
moins plus
J'ai pas encore eu le temps d'essayer, je le ferrai ce week-end. Je te tiens au courant.
Ajouter un commentaire
Réponse
+0
moins plus
ok
Ajouter un commentaire
Réponse
+0
moins plus
Finalement, j'ai testé le code aujourd'hui... et ça marche à la perfection !
Je n'ai plus qu'a prendre un peu de temps pour rajouter les <table>, les <tr> et les <td> dans chaque page (j'aurai dû utiliser des require) !
Merci pour ton aide.
Ajouter un commentaire
Réponse
+0
moins plus
super alors ^^
Ajouter un commentaire
Ce document intitulé « positionnement css » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?