1 Topic by jwells (edited by jwells 2004-04-18 10:38)

  • jwells
  • Junior Member
  • Offline
  • Registered: 2004-04-18
  • Posts: 4

Topic: Table width problem

First I have to say (since this is my first post) that I love punBB!  Rickard, you have made a fabulous thing here.

Now my question.

I'm setting up a new punBB site and have done a fiarly nice job designing it.  But thre is one table that's giving me grief and I can't find where and how to fix it.  I've added a div called "container" to wrap around the whole page and limit it's width to 750px.  It all looks perfect in Safari, but when I go to IE, the table on the Home page that shows the list of forums sticks out the sides of the container.

You can see it here:
http://www.SkyPencil.com

I'm just building the site now haven't even checked it on a PC yet... tomorrow.  And hopefully I wil have this solved before anyone here can even have a look.

Thanks,
John Wells

PS.  That's IE/Mac that has the problem.  IE/Win looks fine.

2 Reply by jwells (edited by jwells 2004-04-18 10:43)

  • jwells
  • Junior Member
  • Offline
  • Registered: 2004-04-18
  • Posts: 4

Re: Table width problem

I've tested it in Safari, IE/Mac, IE/Win, Netscape/Mac, Netscape/Win, and Opera/Win.  So far the problem only shows up in IE/Mac, but it would be nice to fine a work around.

3 Reply by Paul

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Table width problem

If you hadn't already realised, it doesn't work in IE5 windows either because the whole thing is left aligned not centered. IE5(Win) does not understand margin:auto. There are a lot more people out there using IE5(Win) than IE5(Mac).

As for the mac problem, it's an odd one. Try using the longhand for the margin settings i.e. margin-left:auto, margin-right:auto.

  • jwells
  • Junior Member
  • Offline
  • Registered: 2004-04-18
  • Posts: 4

Re: Table width problem

I tried putting text-align: center into the body style, and the margins the way you suggested. Maybe that will center the whole thing in IE5/Win.  I don't have access to IE5/Win thought to test it out.  Does anyone know if there is still an IE5/Win download somewhere?

5 Reply by Paul (edited by Paul 2004-04-18 20:53)

  • Paul
  • Senior Member
  • Offline
  • From: Wales, UK.
  • Registered: 2003-08-13
  • Posts: 3,089

Re: Table width problem

For how to centre things in IE5 using margin auto, see here.
http://punbb.org/forums/viewtopic.php?id=3100

I still find your problem with IE5Mac somewhat curious. I tried to duplicate it on a test board and couldn't, it looked just fine in IE5(Mac).

As for testing in IE5(Win), you could try here
http://www.danvine.com/iecapture/
Just tested it, it's centered in IE5(win) now but all the text is centred as well. You need to put text-align:left in #container to finish the job.

  • jwells
  • Junior Member
  • Offline
  • Registered: 2004-04-18
  • Posts: 4

Re: Table width problem

Paul wrote:

As for testing in IE5(Win), you could try here
http://www.danvine.com/iecapture/
Just tested it, it's centered in IE5(win) now.

Well that's just about the handiest thing ever! 

It looks like the text-align: center in the body worked!
The IE/Mac problem isn't right, but it doesn't look horrible either.  I think I'll just leave it for now.