467,104 Members | 975 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,104 developers. It's quick & easy.

Eliminating final table in XHTML source

Attempting to do away with all superfluous use of tables
(i.e., tables used solely for layout) on our corporate web site,
I have reached an impasse : I have one table left
(containing a single cell) which, if removed or replaced
by a <div> or <span>, causes the vertically-repeating background
image at far-left of the design to disappear.

The two variants of the page, one with and one without tables,
can be seen at

http://www.royal-holloway.org.uk/Ser...x-notable.html

and

http://www.royal-holloway.org.uk/Ser...-onetable.html

I would much appreciate any insights into why the final
table cannot be eliminated without loss of the tesselating
background image ...

Philip Taylor, RHBNC
Jul 20 '05 #1
  • viewed: 1370
Share:
2 Replies
Philip TAYLOR [PC87S/O-XP] wrote:
Attempting to do away with all superfluous use of tables
(i.e., tables used solely for layout) on our corporate web site,
I have reached an impasse : I have one table left
(containing a single cell) which, if removed or replaced
by a <div> or <span>, causes the vertically-repeating background
image at far-left of the design to disappear.

The two variants of the page, one with and one without tables,
can be seen at
http://www.royal-holloway.org.uk/Ser...x-notable.html
and
http://www.royal-holloway.org.uk/Ser...-onetable.html

I would much appreciate any insights into why the final
table cannot be eliminated without loss of the tesselating
background image ...


I don't see the problem that you describe. (I'm not even sure what you mean).
I see different problems. The vertical blue bar on the left has clear problems
with it, in all cases. You appear to be trying to build this up in sections,
and using invalid CSS in the process. (Try validating the CSS).

IE 5 & 6 don't put the "Academic services" and "Administration" on the same
level. It drops the latter below the former. I think this is a rounding error.
Change the "50%" widths in the floated elements to (say) "49%" and the floats
may work. Whether this cures your other problems is a another matter.

The way you try to build the left hand blue bar is going to cause you
problems. For example, if I view with a very small text size, it looks OK. If
I view with large text sizes, it blows apart. I strongly suggest that you
don't try to build it by adding 125x17.png to RH-Mask-blue.png, but find
another way of doing it.

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/
Jul 20 '05 #2
Barry Pearson wrote:
I don't see the problem that you describe. (I'm not even sure what you mean).
I see different problems. The vertical blue bar on the left has clear problems
with it, in all cases. You appear to be trying to build this up in sections,
and using invalid CSS in the process. (Try validating the CSS).

IE 5 & 6 don't put the "Academic services" and "Administration" on the same
level. It drops the latter below the former. I think this is a rounding error.
Change the "50%" widths in the floated elements to (say) "49%" and the floats
may work. Whether this cures your other problems is a another matter.

The way you try to build the left hand blue bar is going to cause you
problems. For example, if I view with a very small text size, it looks OK. If
I view with large text sizes, it blows apart. I strongly suggest that you
don't try to build it by adding 125x17.png to RH-Mask-blue.png, but find
another way of doing it.


Oops, you're right : I was testing with Mozilla; I now see that neither IE
nor Opera demonstrate the problem, but IE manifests a different one. The
invalid CSS is an artificat of Dreamweaver : I thought I'd eliminated
"layer-*" properties, but I see they've crept back in again. As to building
up the blue stripe, this really is the hardest part of the whole exercise;
my layering of a vertically tesellating 1px strip and appending a final
curved graphic was the only way in which I managed to achieve it at all,
but I am now thinking of trying to re-do it using one layer (DIV) for the top
stripe and another for everything beneath ...

** Phil.

Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

13 posts views Thread by Tjerk Wolterink | last post: by
4 posts views Thread by FrankIsHere@gmail.com | last post: by
3 posts views Thread by cp | last post: by
61 posts views Thread by Toby Austin | last post: by
3 posts views Thread by TheXenocide | last post: by
8 posts views Thread by Rasmus Kromann-Larsen | last post: by
12 posts views Thread by enrique | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.