I'm beginner in programming webpages and some time ago I create a webpage http://chalupakoseckerovne.sk/rezervacia.html. Now I want to change it to HTML5. I made some changes, but after I change doctype from <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> to <!DOCTYPE html> the layout was spread as you can see here: http://chalupakoseckerovne.sk/rezervacia_n.html.
I have no idea what to do with this. Can anyone help me?
Both pages look identical in FF8 and IE8. Please explain what do you see after the changes? Also, state which browser are you using to view your pages.
I made the page by slice the picture from Photoshop.
There's the source of your problem. Code written by using this feature in PS or FW is notoriously unreliable. It's suitable for use in a demonstration of the site layout (i.e., under controlled environment), but definitely not for use on the web in a real website. Here's why -