I just set up this new site for my band. Me and my buddy have been working on this site design for quite some time now.
I made a few different site layouts for us in the past, but they never looked right on any screen size that was bigger or smaller than mine.
In an attempt to get around that this time. I decided to make one big invisible container div and then put all of my other divs, nested withing that main div. That way I could center my main div, and everything else will automatically move with it.
Well it works. Sort of. It looks perfect on my 20" widescreen. It looks perfect on my 17" widescreen. But on a 15" widescreen, the whole main div is positioned off to the right of the screen.
This is the code that I am having trouble with. I took out the contents of the divs to save space.
As you can tell from the code. I have my outer div (main div) at 23% from the left. This makes my main image dead center on both my 20" and 17" screens. All of the nested divs, fall right into place. If I could just get my main div to center on every screen size. I would be all set.....:banghead:
Does anybody know of a way to fix this?
Thanks a lot
PS: I know some of my site coding is iffy. I am still learning.