Lxmx — Fri, 15 Apr 2005 05:31:25 +0000

Looks like I got a solution! Bump the table right and it worked. Thanks for the help guys.

Lxmx — Fri, 15 Apr 2005 01:43:13 +0000

Yeah, I've tried going margin-right: auto, margin-left:auto in the CSS, which didn't align it properly. I've also tried align="center" in the table, which still leaves everything misaligned.

andy206uk found what should be a workaround, however I ran into some snags:
The problem with being "short" only arose after I put the document in Standards mode. To try and work around the problem, I made a background with the white image and put it on repeat-y. Now that should work, but nothing is aligned, regardless of whether I center the tables using CSS (margin-right:auto etc) or even if I do it in the table (align="center").

At first glance to me it seemed as if I had accidentally put in a margin value in one of my CSS classes, this doesn't seem to be the case. I then also checked the measurements and it seems that the background image is perfectly centered while the tables are a few pixels off.

So, the new question is, what can I do to get those tables to line up with the background? Click here to see the problem . Is there any way I can compensate for the discrepancy or even better, eliminate the problem altogether?

Roo — Thu, 14 Apr 2005 22:38:56 +0000

put align="center" in your table tag. BTW this has really bad horizontal scroll at 800 X 600.

Lxmx — Thu, 14 Apr 2005 16:46:41 +0000

Wow, how did this happen. Click the link to see. I wonder how it got aligned like that? Any ideas? Once again, I'm stumped.

Lxmx — Thu, 14 Apr 2005 16:01:12 +0000

Yeah, adding a Doctype is what changed it. It's now completely XHTML compliant but a new problem has arisen. I think I get what you mean about the y-repeating background. I'll go give it a shot.

Thanks!

andy206uk — Thu, 14 Apr 2005 15:55:16 +0000

Have you added a doctype?

The reason is simple. height="100%" shouldn't fill the viewport (browser window) it should fill the element which is only physically as high as the content within it.

By adding a doctype you will have told the browser to render in standards mode which behaves as I described above. Not having a doctype means the browser renders in "quirks mode" which lets you get away with strange stuff and one of those strange things is 100% being 100% of the viewport.

Why do you need the table to be 100% high? If it's so you can achieve the white portion in the middle, simply use a y-repeating, center aligned background image of the white section and set the background colour to orange.

I hope that wasn't all too confusing.

timjpriebe — Thu, 14 Apr 2005 14:30:48 +0000

What's your screen resolution set at? Mine is at 1024x768, and those both look fine to me.