FF vs IE7

[Wheelz]

Could someone please tell me what I've got wrong that this page displays fine with FF but not with IE7. Does IE7 not recognize ( valign="" )?

I'm not an expert but have been writing HTML for a few years on a basic level.
Thanks.

http://homepages.maxnet.co.nz/wheelz/wanganuipb.htm

[Marc]

Do you mean all your table borders (top & bottom) are out of align? or are you asking about your page being in the center?

[Wheelz]

Sorry, Yes I was referring to the table border vertical alignment and also the right hand images having no border.

[karinne]

Well ... it doesn't work in IE6 either.

With a simple design like that, I would suggest you ditch the tables and start using CSS

Resources for learning how to use CSS for layout

There are a bunch of examples in there on how to achieve 3 column layouts. Just look in the "How" section.

[Lchad]

The reason those pieces are not aligning is because they are not the right height.
Your corner pieces are 30px high but the black bars going between the corners are only 12 px high. Since they are sitting in a table row that has a height of 30 px you need to adjust the size of the black bars. If they were 30px high they would sit snuggly in the row. Right now they are centering themselves and doing their own thing with the extra space that's left over.

Does that help?

[Wheelz]

Thanks Lchad,
Yes, I had considered that, although I was trying to get away with one image for the "bar". To make the bar 30px high I would then need an upper and a lower bar. (Which I'll probably end up doing.)

Originally Posted by Lchad

Right now they are centering themselves and doing their own thing with the extra space that's left over

It's one of those frustrations where I think that if FF can "top align" it, why can't IE? Especially when I've told it not to "do it's own thing".
Thanks for confirming my thoughts.


karinne: I did look briefly at CSS a few months ago but didn't have a lot of time to pursue the learning process. I do have some time now and intend to follow up on the resource link you posted. Many thanks. I'd also like to learn PHP, which I believe will require a little more effort.

Thanks to all for your advice.

[Wheelz]

Quick update.
I was given this: style="vertical-align:top;" which did the trick nicely.
Thanks again.

http://homepages.maxnet.co.nz/wheelz/wanganuipb.htm