Ay sorry, man, but thereís only one solution for your current problem: Scrap that thing and start from scratch. Sorry that I canít give you better news but I see that you arenít making it any better with proceeding like this. I mean you have not much code but what
you have this is a huge mess already.
The first thing you need if you build a website is content
. Real content. What is the purpose of your page/site? The reason I ask is because there are millions of apporaches to build a website and all depends on the content/structure. So to decide for the right way you need to make a plan what you are going to put on your website.
Then the most important keyword is semantics
. That means that everything has (or should have) a meaning. If you have a website that doesnít serve any purpose or doesnít have any meaning itís a useless website. The basic thought is: Donít style the page, style the content
. That means you need
some content at first.
Then, after you know everything about semantic HTML (which also includes short and descriptive class names and IDs for elements) you know that you structure your page with the correct markup (and only use elements that are actually necessary), and then you use the elements you have
there to style/position/whatever them. You donít add elements just to add new styles - which includes not nesting numerous divs to achieve something.
This may all sound a little confusing at first but for example look at http://csszengarden.com
to get an idea (or, without being bigheaded, view the source code of my small personal website
to see semantic code in action and what can be achieved with it).
And by the way: You may only use an ID once per document (page). For repeating sections use classes.
Hope that helps a little bit.