HTML/Tables: My table is on strike!

There’s no need to be using tables in that design. Tables for layout is bad practice. Also, wrapping p elements in a span is invalid html.. Inline elements should never contain block elements – only other inline elements. That could be causing issues with IE. Not too sure in this case, to be honest.. It’s been years since I’ve tried to use a table like that!

I hacked up a tableless version for you. It is a little different but you can tweak it if you want. It is pretty straightforward. And for simplicity the CSS is in the head section. It is here.

It is kinda sloppy but it is free.

Yeah, I sorta expected this answer. The reason I turned to tables is that I tried div’s first, but it didn’t work, so I turned to tables. Also it’s a school project, so no one’s gonna validate my code. :)

Thanks again for the code, John. Works like a charm. I’m going to study hard to find the key. Maybe I could use this in later designs, you know.

Davey.

Sorry; I wasn’t trying to be rude.. I know it’s just for a school project, but invalid code often leads to display bugs. If you’re wanting to improve your HTML skills, you should try to make a habit of validating your code, even if it’s just for a school project or some proof-of-concept site which you’re never going to upload – you’ll learn a lot about what you can and can’t do within different doctypes and how to write better HTML.

In the case of the html you’ve written, looking at the errors, it’s got 14 counts of it not being happy that a p element is within a span. All you’d need to do to get that page to be valid is to switch the span to a div (spans and divs are essentially the same thing, except span is inline, div is block).