can you centre a DIV item in the window?

[Andy:P]

Dear all
I am trying to get to grips with the CSS styles and want to replicate
something that used to be done with tables.

I have a box with an image in (I've called this div id=area) that I
want to centre in the browser window.

I then want another box that will contain text to float over the first
box and move with the box when the window is resized.

It seems that with DIV you can only make an absolute or relative
position. (I may be wrong)

What is the best way of going about this?

thanks in advance.
andy

 

[Toby A Inkster]

I have a box with an image in (I've called this div id=area) that I
want to centre in the browser window.

div#area {
width: 75%;
margin-left: auto;
margin-right: auto;
}

 

[Andy:P]

Thank you for your answer.

I have put together a page template that I have been working on using
CSS but its not working in IE5 for Windows (it works on Opera6 and IE5
for mac).

Would you mind taking a quick look and giving me any pointers as to
why and what I could do?

The page can be found at:
<http://www.apeat.demon.co.uk/test/test.html>
The result I am trying to achieve is at:
<http://www.apeat.demon.co.uk/test/as_it_should_be.jpg>
The CSS external style sheet is at
<http://www.apeat.demon.co.uk/test/resources/test.css>

Thank you in advance.
andy

 

[Toby A Inkster]

I have put together a page template that I have been working on using
CSS but its not working in IE5 for Windows (it works on Opera6 and IE5
for mac).

IE5/Win has many CSS bugs and this is one of them. Luckily there is a
workaround.

See: http://www.goddamn.co.uk/tobyink/scratch/centre

 

[Andy Peat]

Thanks Toby,
I will take a look at this tomorrow and see what happens.

andy

 

[Andy Peat]

Thanks Toby,
I will take a look at this tomorrow and see what happens.

andy

Am I right that IE6 doesn't support external style sheets very well?

It seems as though the layout styles need to be in the same document -
is this right, can I not have them in an external sheet?

thanks.
andy

 

[Lauri Raittila]

Am I right that IE6 doesn't support external style sheets very well?

No you are not. It supports them well enaugh.

It seems as though the layout styles need to be in the same document -
is this right, can I not have them in an external sheet?

I think you are making some mistake, that is impossible to spot whitout
url.

 

[rf]

Am I right that IE6 doesn't support external style sheets very well?

It seems as though the layout styles need to be in the same document -
is this right, can I not have them in an external sheet?

Do you perchance have
<style ...>
and
</style>
in your external CSS file?

If so, don't.

Cheers
Richard.

 

[Andy Peat]

No you are not. It supports them well enaugh.

I am entirely wrong, sorry for not checking this properly - There was an
error in the code and it didn't appear to work.

Thanks.
Andy