Need Help with IE vs Firefox - Amateur

[walkclothed]

Hello, I am a part time college student/full time employee. In the little free time I have, I am trying to help my dad build a website. He had a stroke 2 years ago, and the website is mainly for help and stroke resources for anyone affected by strokes.

It is http://www.strokessuck.com

Right now, the main problem I'm having is the two horizontal banners at the bottom of the page. They appear where we want them in Firefox, but when viewed through IE, they stretch too wide and are way too low. They stretch the page out.

Any advice on how I could get them to align the same way in both IE and Firefox?

Also, any other tips or advice you could offer I would very much appreciate. I just found this site, and I'm sure I'll be around here trying to learn as much as possible from you guys.

Thank you so much.

- Mike

 

[horrorshow75]

It appears that IE for some reason is sizing your table based on the container instead of the left content div. Not sure why though.

I would just set the the width and height as what the image really is instead of a percentage that way it's the same width and height no matter what browser is rendering it.

<img src="LHQBanner.jpg" width="728" height="90" alt="LHQBanner" />

 

[walkclothed]

Looks like I fixed it, I think. Does it look right to you? Anyway, thanks for your help. Any other suggestions or critiques on the overall design?

 

[DamienDarwick]

Site looks good. I like the concept. My sister had a stroke about 2 years ago adn now she's disabled as well. Love the site name, that really sums it up don't it?

 

[JayT]

Why are you setting your container div to just 65%? I would stretch it out to about 80 or 85% and take a look at it. Maybe then the navigation links will be on one line. Plus, it will minimize the amount of red showing in the body background.

Bright and dark colors will pull the eyes. That's why advertisers use red in their ads - it draws attention. Some people, especially older people may find it difficult reading your site and not know why. The bright red background color could be pulling their eyes to the outer edges of your page. You may need to change the background color to something more subdued or tone down the bright red.

Also, just below the navigation bar you kind-a-sorta put the Navigation Title in an <h2> tag with the background-color set to #DDDDDD. This is a good idea as it lets people know that they got the page they ordered. However, you need to make the <h2> size bigger so it stands out more and the page title should be the same as what is in the navigation bar. For instance, in the navigation bar you have "About" and in the <h2> area you have "About this site:". No real biggie but it should match in my opinion.

And on that about page... lose the italicize text. Italicize looks OK on larger text but not on normal body text. Also, you changed the styling here by adding a gray background to the text area. I understand that this particular information has personal value since it directly concerns your father, but you should leave it the same as the other pages. However, if you insist on keeping it add 10px padding to "linkbox" to get the text away from the edge of the gray.

I noticed that you do not have an <h2> area for the "What is a Stroke?" page. Why is that?

And this: Click here to be taken to a must-visit messageboard. You should let people know if the link is going to take them off your site. Put a message underneath it that says, "Goes Off-Site" or "Goes to a remote site".

 

[walkclothed]

Wow, thank you so much for your replies guys. Sorry, I was gone for a while. Jay T, very helpful, thank you! I will start playing with your suggestions tonight. You guys are great, thanks!