HELP! Consistent Layout Problem

They have: 3 posts

Joined: Nov 2005

I don't even know how to begin to describe what is occurring with our website. I used Frontpage to design it and on my computer, (15" monitor)and checking it in both Mozilla Firefox and IE, the layout, links, text and alignment all looks fine. When checked on my husband's computer, (17"in monitor) everything works, looks the same but has a large black "border" on the right. Others have viewed it and it all looked the same and worked. Today, my mother went to look and on her computer (15" monitor with aol)
Half the links did not work, pictures were scattered all over the page, text overlapped other text in spots and not in others. I called a friend who looked at it both on their laptop and on desk pc, laptop it looked fine and on the desk pc, it was all jumbled like at my mothers. I quickly yanked the latest revision back down and reverted to "old faithful" until someone can help me understand the problem, and maybe correct it. The website is kandrconstruction.com and if you take note of the difference between index.html and index2.html or About.html or About2.html you should be able to see the layout change just by adding additional text and pics. I'm so confused I don't know what to correct first. Any suggestions?

Roo's picture

She has: 840 posts

Joined: Apr 1999

When there are code errors there will be display issues, so you need to work on that first before getting into tweaking layout.

At a quick glance:
You have no doctype

Your closing head tag is below you body tag

You've got dashes and an amersand in one (maybe more..this is just a glance) of your image file names. logo-K&R-small.jpg....you would name this like this...logo_KandR_small.jpg. You use underscores or make it all one name such as logokandrsmall.jpg

I also notice that the globe is very distorted telling me that you've resized the image in the browser insstead of making it the correct size to begin with.

The first thing you need to do is to validate your code, and then after the errors are corrected validate your css.

See how things work after the underlying structure is correct, and if you still have issue then we'd need to look at tweaking layout.

Roo

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.