web guru designers

[ponyfool]

I am a complete novice in web design. I had a friend design a template that I've modified to make a website for the baseball team I coach. When viewing the page in IE, the top of the page is aligned the way I want it, our team logo is in the upper left and the headers are at the top of the page. However, in Firefox, the logo is still in the upper right, but the headers have a huge gap between the top of the page and the header.

How do I fix this? Any help would be appreciated. Oh, and by the way, I know it isn't "clean" code, but it works!

The page is https://www.ponyfool.com/baseball

 

[tcfjr]

Try changing the second <td> from:

<td colspan="1" rowspan="2" style="font-style: italic; height: 421px;" width="85%">

to

<td colspan="1" rowspan="2" style="font-style: italic; height: 421px;" width="85%" valign="top">

And, you're right - that is some ugly-ass html...

 

[ponyfool]

Try changing the second <td> from:
<td colspan="1" rowspan="2" style="font-style: italic; height: 421px;" width="85%">

to

<td colspan="1" rowspan="2" style="font-style: italic; height: 421px;" width="85%" valign="top">

And, you're right - that is some ugly-ass html...

That did it! You're a god! Thanks!

If you're at NAFO, I'll buy you a drink!

Of course, now that I am looking at it, Firefox is now cutting off the window and only showing half of the text and forcing it to scroll mid page. And IE is cutting off the very bottom of the page and not displaying it at all.

That's what I get for being html-ugly I guess!

 

[GunMD]

Here's a cool tool for finding issues with your code as seen by Firefox.

https://www.getfirebug.com/

There is a similar tool for IE, but I can't remember what it's called.