I'm having some trouble with my homemade CSS. Everything on that file below is MY OWN. FROM SCRATCH. And now I've learned that CSS is tougher than it looks. What's happening here?

http://www.execulink.com/~kayes/physicsguy/web/css/style1.html

Pretty normal, right? (And yes, the blue boxes are supposed to line up with the main red area, on the outside) The colours are weird, but that's just for
testing. Now, stretch the window. Stretch it to about half-size, and you'll definitely see something.

What the heck? I've spent so much time on this, and can't figure it out!


I made that style, too. I'd like to get it to work, so I can actually
say I've accomplished something!

Thanks A LOT!

Nothing happening in FF3 or IE7, looks the same at any size.
Not sure what you are seeing but I would recommend change the div order and get rid of the negative margins applied.

#leftside
#rightside
#main

Take out the <center> tag also and style the Footer (marging 0px auto should center it in the container), by putting the text in the footer in a containing element such as <p> or a heading or other tag to contain text.

I'm not seeing an issue. I'm looking in FF. The only thing I notice is you have the width set so that once your window goes below 1024px width the horizontal scroll bars appear. That's the only change I notice when resizing the browser window.

Could you describe the issue more? Are you only seeing it in one specific browser?

Earlier today I looked at your site and I saw the problem, but now it works fine. Did you get it resolved?

Yes, I did fix it...

But I did see on my iPod Touch in Safari there's little grey boxes above the blue boxes. Oh well.


What's wrong with going below 1024px? Most people's screens are bigger than that...

What do you suppose I do?

I was just letting you know when the browser was less that 1024px wide you'd get a horizontal scrollbar. Most probably do have screen resolution larger than 1024x768, but not everyone surfs with their browser maximized and more and more people are navigating the web over a mobile device.

You should be able to code things so the scroll bar isn't necessary. You don't have to. I mostly pointed it out, because I thought that might be the issue you were having.

Oh, I'm not insulted!

I appreciate your constructive criticism. Read my rant on criticism here!

LOL

I'm changing it to 950 pixels now, so I'll fix it. Thanks!

Nice rant