html - div on the centr

Question

how can i set div position at the center of the page with size, for example, 80%/80%.

UPD: margin: 0 auto; works, but only for horizontal alignment. And i also need vertical.

Dupe: http://stackoverflow.com/questions/396145/whats-the-best-way-of-centering-a-div-vertically-with-css — Tomas Aschan, Sep 13 '09 at 19:22

score 2 · Accepted Answer · answered Sep 13 '09 at 19:22

2

This page talks about some different ways to achieve vertical centering using css. I've used method 2 before with success but I consider all of these a hack at best.

answered Sep 13 '09 at 19:22

smack0007

10,566
7
40
47

score 1 · Answer 2 · answered Sep 13 '09 at 18:57

1

Set a fixed width and auto-margins.

<style type="text/css">
#center {
  width:300px;
  margin-left:auto;
  margin-right:auto;
}
</style>

<body>
<div id="center"></div>
</body>

answered Sep 13 '09 at 18:57

timdev

60,131
6
78
90

I know this. I wanna do that not only for sides... But for top and bottom. – Max Frai Sep 13 '09 at 18:59

score 0 · Answer 3 · answered Sep 13 '09 at 19:01

0

This does what you want, but it is not pretty.

<div style="margin: 0 auto;width:80%;height:80%;">
This will probably not work for you however because you did not provide code
</div>

answered Sep 13 '09 at 19:01

html - div on the centr

3 Answers3