Centrer une page Web

J'essaie de centrer ma page Web. Il y a aussi un min 1000px avec et il augmente. Actuellement, ma page telle qu'elle est à l'échelle est décentrée 30% -center-70%. Je suis confus quant à la raison pour laquelle cela se produit. Si quelqu'un peut expliquer pourquoi cela arrive, ce serait génial.Centrer une page Web

enter image description here

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Title</title> 
<style type="text/css"> 


#page { 
    position:relative; 
    display:block; 
    width:75%; 
    margin:auto; 
    min-width:1000px; 
    z-index:0; 
} 
#pageImg { 
    position:absolute; 
    width:75%; 
    margin:auto; 
    min-width:1000px; 
    z-index:1; 
} 
#navBarImg { 
    position:absolute; 
    width:75%; 
    margin:auto; 
    min-width:1000px; 
    z-index:2; 
} 

</style> 
</head> 
<body> 
<div id="page"> 
    <img id="pageImg" src="../Navigation/backgroundImg.png" /> 
    <div id="navBar"> 
     <img id="navBarImg" src="../Navigation/navBarBGImg.png" /> 
    </div> 
</div> 
</body> 
</html>

Source

2013-07-18 BDGapps

Je ne comprends pas ce que vous demandez –

margin: 0 auto; –

pour lequel id? .... – BDGapps

Peut-être essayer 50% sur votre largeur de la page ... Je pense que vous avez obtenu votre résultat de faire 75% de 75% ...

exemple - http://jsfiddle.net/rob_towner/q8vKK/

#page { 
position:relative; 
display:block; 
width:50%; 
margin:auto; 
min-width:1000px; 
z-index:0; 
}

Source

2013-07-18 01:18:41

qui n'a pas fonctionné – BDGapps

Il existe un code supplémentaire à considérer pour lequel vous n'avez pas encore posté. Cela peut être déduit car le code que vous avez publié fonctionne comme vous le souhaitez. A working example (la largeur 1000px ne rentrera pas dans la taille de fenêtre par défaut de la fenêtre rendue, utilisez les curseurs pour l'agrandir et voir que votre code fonctionne).

Votre CSS I utilisé:

#page { 
    position:relative; 
    display:block; 
    width:75%; 
    margin:auto; 
    min-width:1000px; 
    z-index:0; 
} 
#pageImg { 
    position:absolute; 
    width:75%; 
    margin:auto; 
    min-width:1000px; 
    z-index:1; 
} 
#navBarImg { 
    position:absolute; 
    width:75%; 
    margin:auto; 
    min-width:1000px; 
    z-index:2; 
}

Source

2013-07-18 12:56:17 smilebomb

Centrer une page Web

Répondre

Questions connexes