http://home.ripway.com/2004-9/177029/main.html

In IE 800x600, it looks fine. In IE 1024x768, there's a giant gash in the middle of the icon on the right. In Firefox and Opera, the icon becomes separated, even on 800x600. In Navigator, the entire top section gets squished together.

Could someone help me fix this? I'm not very knowledgeable on browsers other than IE (at least, coding for them).

I'll tell you what - your layout can be created very, very easily, using only a few lines of code, and the results will be stable from browser to browser at any window size!

Would you object to me taking a screenshot and piecing this together in a more appropriate manner? Perhaps you'll understand the solution to your problem better if you see it in action...

I'd appreciate that.

Also, there's no such thing as a background attribute for any HTML tag ever known to man.

Originally posted by sonicgroup
Also, there's no such thing as a background attribute for any HTML tag ever known to man.
Heh heh. Getting there Sonic. ;) The entire reengineered site will contain five tags (maybe six): 2 <div>s and three <p>. Nothing more.

Ok, here's the new and improved version. http://www.plhmedia.com/ex/halo/

Notice that all of your content is sitting in little packages, in this case divs and paragraph tags. The layout itself is controlled via the style sheet at the top of the source code (which should ultimately be moved into its own file and linked).

This is as much as I'm going to do, though I'd be happy to explain what's been done. For the record, all of the code on this page has been around since 1996 (it's all CSS1), so if you're utterly confused when you see it, it's time to break open a tutorial or two and learn about this very fundamental Web development technology.

Notice something else. Resizing text works. Nothing falls apart. So if someone wants things larger or smaller, they can have it their way, no problem. Also notice that the content adapts to the size of your browser window. You can only get down to about 700 px in width (larger than I like to use as a minimum, but adequate for demonstrative purposes), but expand your browser window, and your content will happily fill the space your visitors provide for it. Isn't that considerate? :D

HTH!

He's pretty fast, huh?

Thanks, I'll be tweaking it a bit, but at least now it works correctly!