[stealthcow]

been working on doing my first CSS site at work, and its all gone pretty well except for a few things..

1. centering the container div, i cant seem to make it center to the page, and have resorted to using the <center> tag (yes, i know)
2. the container border is supposed to go around all the content, it does this in IE but not in firefox/opera etc
3. the footer links look fine in IE but go over to a new line in FF/Op

Any ideas?

Here's the link: http://www.nicehostels.com/index.htm

Scott

[stealthcow]

oh, and also, i did use some tables, but only for tabular information.. (im pretty sure that as long as tables are used for their original purpose thats ok!)

[d*d]

centering with css isn't as straight forward as it should be because you need two methods, one for ff and one for IE. set left and right margins to auto for FF and use text-align: center for IE.

Tables are fine to tabulate data, thats what their there for

[stealthcow]

ah, cheers!

[roto]

Originally Posted by d*d

centering with css isn't as straight forward as it should be because you need two methods, one for ff and one for IE. set left and right margins to auto for FF and use text-align: center for IE.

And these 2 methods work well to center in all other browsers, too?

[d*d]

Originally Posted by ®oto

And these 2 methods work well to center in all other browsers, too?

A good question to which I don't know the answer

[gray]

Originally Posted by stealthcow

2. the container border is supposed to go around all the content, it does this in IE but not in firefox/opera etc

try

clear: both;

to the #footer

edit: sorry wont work if the footer is inside the container, going to have to add a <div class="clearer">&nbsp;</div> after the container div with .clearer{ clear:both; }

think thats the problem

[aspiramedia]

Originally Posted by d*d

A good question to which I don't know the answer

In all browsers I've tested. It's only IE which requires the text-align:center jobby.

[smallbeer]

Originally Posted by ®oto

And these 2 methods work well to center in all other browsers, too?

Yep. AFAIR it's just IE5.x that has trouble with the margin: auto method.

body {
text-align: center; /* centres in IE5.x */
}

#container {
width: 760px; /* needs a width specified */
margin: 0 auto; /* centres the div in compliant browsers */
text-align: left; /* because you centred the text in the body rule, you now have to bring everything back left */
}

[stealthcow]

cheers, that worked for the border and the alignment