| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Génius
flashmioche
 |
 Repositionnement [resolu] , Posté le: 23-09-2003 10:12 |
|
|
Salut Salemioche,
Je bloque sur un petit problème,
tu vois par exemple ton site quand je le met en pleine page il est centré
automatiquement en largeur...
quand on reduit manuelement le navigateur il se recentre automatiquement aussi.
Qu'est ce qui fais sa? ma page a moi est completement statique...
Merci  |
Dernière édition par Génius le 23-09-2003 12:28; édité 1 fois |
|
Génius
flashmioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 10:38 |
|
|
exemple de mon code
| Code: |
<div id="Layer1" style="position:absolute; left:142px; top:-16px; width:818px; height:879px; z-index:1">
<table width="100%" height="880" border="1">
<tr>
<td height="664" bgcolor="#FFFFFF">&</td>
</tr>
</table> |
c'est juste une cellule qui est fixe a la page
mais elle ne se recentre pas suivant la taille du navigateur
merci |
|
|
salemioche
salemioche
 |
| Repositionnement [resolu] , Posté le: 23-09-2003 10:56 |
|
|
en fait j'ai fais ca avec la CSS
body {
text-align: center;
}
comme ca y a rien a mettre dans la page html
(attention la div va ajouter des contraintes sur le positionnement) |
|
|
Génius
flashmioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 11:39 |
|
|
1/
| Code: |
<body bgcolor="#003366">
<div align="center">
<table width="75%" height="454" border="1">
<tr>
<td bgcolor="#FFFFFF">&</td>
</tr>
</table>
</div> |
en faisant ça sa recentre mais sa redimentionne donc pas terrible pour un fond de site
2/
| Code: |
body {
text-align: center;
} |
je la met ou cette balise? dans head? entre
| Code: |
| <style type="text/css"></style> |
??
3/ je vois que au debut de ton code du site salemioche.net
tu appels un fichier .css
quel est l'interet d'avoir un fichier css?
je suis vraiment pas encore au point avec le css
4/ merci beaucoup |
|
|
salemioche
salemioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 11:47 |
|
|
1- si tu veux pas que ca redimensionne il vaut pas mettre un width en % mais en absolu
2- oui
3- l'interet d'un fichier externe c'est que le navigateur le chargera une fois pour toute pour tout le site (ca allége les pages)
4- normalement oui
PS: dans mes sites il y a un fichier (qui est valide par rapport au standard) et une section css avec la scrollbar car cela ne fait pas partie du standard |
|
|
Génius
flashmioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 12:27 |
|
|
ok merci msieur  |
|
|
Génius
flashmioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 14:19 |
|
|
sa marche bien sauf avec la balise div
si je marque
[code]<div id="Layer1" style="position:absolute; left:93px; top:78px; width:51px:absolute; height:57px; z-index:1"><img src="../Mes%20documents/sitensw/images/entete.jpg" width="731" height="205"></div>
code]
sa centre mais ne redimentionne pas alors que si j'ecris
[code]<div align="center" style:absolute>...</div>[/code]
la sa marche
sauf que la ba je place pas mon image la ou je voudrais qu'elle soit.
mais que faire????
merci |
|
|
salemioche
salemioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 14:22 |
|
|
normal que cela ne redimensionne pas tu ecris :
width:51px:absolute; height:57px |
|
|
Génius
flashmioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 14:40 |
|
|
oui pardon c'est parceque je faisais plein de tests pour trouver
voici ce que j'ecris
| Code: |
<div id="Layer1" style="position:absolute; left:211px; top:42px; width:31px; height:49px; z-index:1"><img src="../Mes%20documents/sitensw/images/entete.jpg" width="731" height="205"></div>
|
et la sa ce met a la position que je veux mais ne se recentre pas |
|
|
salemioche
salemioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 14:44 |
|
|
encore normal 
tu definis ta position comme absolue et non relative donc ton div sera toujours a 211px a droite de la bordure gauche
tu ne peux pas definir de position ET avoir le recentrage, il y a conflit |
|
|
Génius
flashmioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 14:51 |
|
|
 ba c'est nul
moi tout ce que je veux faire c'est un fond de site
d'une couleur qui est centrer et qui se repositionne suivant
la taille de la fenetre du navigateur
et une couleur exterieur au site
comme par exemple salmioche.net
pas facile a comprendre ce que je veux!!!  |
|
|
salemioche
salemioche
|
| Repositionnement [resolu] , Posté le: 23-09-2003 14:56 |
|
|
si j'ai compris
il faut que tu regarde du coté des CSS et de background
on peut faire du padding negatif peut etre qu'il y a quelques choses
a regardé de ce coté la |
|
|
rorschach
dreamweaver mioche
 |
| Repositionnement [resolu] , Posté le: 23-09-2003 15:53 |
|
|
pour centrer un site sur la fenetre du navigateur avec une taille fixe (Type JELLY) avec les css il faut utiliser un div qui englobe toute la partie qui doit etre centré c'est à dire faire celà :
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Titre de page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<link rel="stylesheet" href="style.css" type="text/css" title="defaut" />
</head>
<body>
<div id="global">
</div>
</body>
</html>
|
dans la page web
et dans la feuille de style style.css il faut faire celà :
| Code: |
body {
background-color: #ffffff;
color: #000000;
text-align: center;
padding: 0;
margin: 0;
height: 100%;
}
#global {
width: 790px;
height:auto;
margin-right:auto;
margin-left:auto;
margin-top:10px;
text-align:left;
background-color: #ffffff;
color: inherit;
border: #336699 1px solid;
}
|
remarqué que le width:790px; du style global correspond à la largeur du site centré, on utilise margin-right:auto; et margin-left:auto; pour centrer le div global
à noté aussi dans le style de body le text-align: center; qui regle un problème de compatibilité d'IE avec le centrage en css.
ensuite dans la page web on place le contenu dusite entre las balise <div id="global"> et </div>
|
|
|
Génius
flashmioche
|
| Repositionnement [resolu] , Posté le: 24-09-2003 12:12 |
|
|
c'est caaaaa que je voulais savoir
merci beaucoup de ton aide aussi
(je te fairai voir le resultat) |
|
|
Dany
html mioche
|
| Repositionnement [resolu] , Posté le: 06-12-2004 1:01 |
|
|
On peut voir le resultat? en tout cas moi je capte rien au css, vive le bon vieu html a lancienne
 |
|
|
|
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Rechercher
Membres
FAQ
Connexion
![Répondre au sujet à css:Repositionnement [resolu]](templates/subSilver/images/lang_french/reply.gif)