Creating a website for college

Alasdairhurst · 17 Jan 2012 at 17:32

I've been creating a website using HTML and CSS from scratch (no templates) and learning the procedure as i go along. i have the basic homepage template set up. in dreamweaver design mode, the header of the background is out of place, and the background of the sidebar (in a floating div tag) shows in the right place, however when i view in IE 8 at college, the sidebar background float gets thrown to the right (supposed to be behind text on the left) and in firefox to the far right (past the border), and to the far left like in IE in opera at home. Here is the source:
http://www.4shared.com/rar/KFjWVqY7/Website.html
I was wondering if someone could help me locate the source of the problem.
Cheers!
Alasdair.

Riddell · 17 Jan 2012 at 17:39

Holy divs batman!

It's definitely not displaying correctly, but I'm not sure what correctly is supposed to be.

Did you code this by hand or did you use Dreamweaver to design?

reflux · 17 Jan 2012 at 18:05

Me also confused.

Alasdairhurst · 17 Jan 2012 at 18:29

All by hand here

Did i go overboard on the divs then?

I have 3 for each background (header, center, footer), then containers, body, one for each button, title etc...
Thanks for taking a look, i just hope that it can be sorted