Centering with CSS

[somebody]

I want to center a div using CSS. Is it possible? Horizontal centering that
is.

See I have a div that is 700px wide, and I want to center it in the middle
of the page.

 

[Matthias Gutfeldt]

I want to center a div using CSS. Is it possible? Horizontal centering that
is.

<http://www.google.com/search?q=centering with css> says it's possible.


Matthias

 

[Dylan Parry]

I want to center a div using CSS. Is it possible? Horizontal centering that
is.

Yes. Try:

<url:http://bluerobot.com/web/css/center1.html>
or
<url:http://bluerobot.com/web/css/center2.html>

HTH

 

[somebody]

<http://www.google.com/search?q=centering with css> says it's

possible.

I come here because I CBF reading. Just give me the answer.

 

[Matthias Gutfeldt]

possible.

I come here because I CBF reading. Just give me the answer.

You asked whether it's possible. The answer is yes. Next question?


Matthias

 

[somebody]

You asked whether it's possible. The answer is yes. Next question?

Ok, how do i do it? I tried Google before posting of course and tried using
padding 20% on the block or margin 20% on the body and it wasn't working.

 

[Dylan Parry]

Ok, how do i do it? I tried Google before posting of course and tried
using padding 20% on the block or margin 20% on the body and it wasn't
working.

If you bother to read the other reply in the thread you will find the
answer.

 

[Leif K-Brooks]

See I have a div that is 700px wide, and I want to center it in the middle
of the page.

div {
margin : auto;
}

But you shouldn't have a fixed-width div.

 

[Nick Theodorakis]

possible.

I come here because I CBF reading. Just give me the answer.

CBF?? = can't breast feed?

Nick

 

[somebody]

CBF?? = can't breast feed?

Yeah. It sux.

 

[somebody]

Thanks everyone.

 

[Toby A Inkster]

CBF?? = can't breast feed?

She can:
http://www.expressyourselfbras.co.uk/images/model3.gif

 

[Jeremy C. Morgan]

I want to center a div using CSS. Is it possible? Horizontal centering that
is.

See I have a div that is 700px wide, and I want to center it in the middle
of the page.

if you do

text-align: center;

in the body class, you can. Thats the only way I know of.


:: Jeremy Morgan ::
Self Proclaimed Expert
Web Developer
http://www.webfootcentral.com

 

[Steve Pugh]

And if the browser window is less than 700 pixels wide? Do you want to
the div to still be centered?

if you do

text-align: center;

in the body class, you can. Thats the only way I know of.

That only works in buggy browsers. Good browsers would center the
contents of the div within the div but leave the div itself in its
default left alignment.

The standard compliant way would be to apply margin-left: auto; and
margin-right: auto; to the div to be centered. This will work in
Gecko, Opera, IE5 Mac and IE6 Win (assuming Standards mode is
triggered by an appropriate Doctype). To make it work in IE5 we do
indeed need to add text-align center to the div's parent element, but
we then need to add text-align: left; to the div itself in order to
keep the text within the div left aligned in browsers that actually
properly understand basic CSS.

Steve