Discussion :

[katlinea]

Bonjour,

je voudrais savoir pourquoi quand j'ouvre ma page à fenêtre reduite dans les navigateurs (tous), ma scrollbar n'arrive qu'à me faire visualiser un tiers environ de la page (la page est coupée plutôt du côté gauche qui reste on sait pas où en dehors de la fenêtre). En effet à fur et à mèsure que je reduis la fenêtre il ne reste qu'un morseau de ma page qu'on puisse visualiser...(??)
Est-ce que quelqu'un pourrait m'aider à comprendre pourquoi et à resoudre ce problème?
Je vous remércie d'avance pour votre aide.

[sharrascript]

bonjour,

tu n'aurais pas un lien qu'on puisse visualiser le problème??
Ou un bout de code si tu pense que cela vienne de là??

++

[Candygirl]

C'est probablement que tu utilises le positionnement absolu doublé des marges négatives pour centrer ton site. Pour l'éviter tu devrais plutôt centrer horizontalement ton site à l'aide des marges latérales avec la valeur auto.

A voir selon le contexte...

[katlinea]

Bonjour,

merci pour vos réponses. En effet j'ai une div avec des marges négatifs en position absolute, mais la solution (marges horizontales auto que tu propose ne marche pas avec mon site).

je vous confie le lien où je suis en train de tester des possibilités de solution, mais hélas je n'arrive pas comprendre d'où ce problème peut venir.. si quelqu'un peut m'aider .. merci beaucoup.

http://parichobello.free.fr/testkat.html

et mon css :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 body  { 
text-align:left;
font-size:medium;
font-family:"Optima", Verdana, Arial;
margin:0;
padding:0;
}	
 
#global	{ 
position:absolute;
width:800px;
height:450px;
left:50%;
top:48%;
max-width:800px;
margin-top:-225px;
margin-left:-400px;
border:solid #99CC00;
text-align:left;
display: table-cell;
}
 
.imga  { 
float:left;
}
 
.imgb  { 
float:right;
}

[sharrascript]

salut,

Pour éviter ton problème évite le margin-top négatif...

Donc enlève le top et le margin-top et regarde le résultat...

++

[chaminette]

Je confirme qu'un centrage comme ça ne peut que causer des problèmes !
En plus de ça, tu ne peux aps être sûr du rendu de ton site sur les différents navigateurs !

[trotters213]

Ton problème c'est exactement ce qu'à dit CandyGirl (comme d'hab' quoi, vu qu'elle tape toujours au bon endroit )

Essaie ceci pour centrer ton div :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#global	{ 
width:800px;
height:450px;
top:48%;
margin:0 auto;
margin-top:-225px;
border:solid #9c0;
text-align:left;
display: table-cell;
}

Par contre ton centrage vertical te posera surement des souci.
Le plus simple reste l'utilisation d'un tableau à une seule case que tu centre horizontalement et verticalement (ça m'arrache le coeur de le dire mais pour ce genre de mise en forme, le mieux est d'utiliser un tableau).

Sinon une autre possibilité : http://gcyrillus.free.fr/trucs_css/splash.html