fix css html issue

Hello,

I have website called http://dd.weyes.northcloud.com, I have some issues need to fix, could you help me?

1. Home page:
All the content should fit if the height is greater then 700pxls in height.
- The header, footer, and text should fit in the screen. the background image should scale
- Use This site as an example on the header and footer always in the viewing area (http://foglers.com/)

2. Listing page: http://dd.weyes.northcloud.com/past-deals/
- The footer need to stay at the bottom. I changed css like this http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/ but it break all of my site, include responsive version. How do I fix it without corrupted responsive version?

I have attach the screenshot site I want to. Could you please help me? I want to make it works with the change of the footer. All pages must work correctly.
01-Gateway-mobile.jpg
01-Gateway-desktop.jpg
Pham Trung KienAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

COBOLdinosaurCommented:
You need to start with valid code.  You have serious errors like nested forms and unclosed tags.  The code is so badly written the validator cannot even process through to the end:
http://validator.w3.org/check?uri=http%3A%2F%2Fdd.weyes.northcloud.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

There is zero to gain trying to fix presentation or responsive behaviour when you do not have valid stricture to work with.

Clean up your code and then we may be able to help with the presentation issues.

Cd&
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Slick812Commented:
greetings kicor, , , I looked at your page source code, for -
    http://dd.weyes.northcloud.com
and it is just too MUCH external JavaScript and CSS file imports for what you have there as your display presentation.
Firefox counts 28-javascript  and 18-css external files called for this page, , ,  that does NOT need that much operational Javascript-css for what you show. You need to start over on this page display design with only the responsive bootstrap framework essentials and get your Header, Main Display,  and Footer correctly set up with Minimum grid workings for the narrow PHONE view first. and then get your settings as the display options for tablet -laptop wider views. You try and do complex display, without understanding the connection and relationships for what  that requires. Sorry but like COBOLdinosaur, , I would not believe you current design is fixable.
0
COBOLdinosaurCommented:
I guess we should expect to see such childish grading behavior when we see such a badly written page.  If you do not like being criticized for the poor quality of your code, you probably should hire a professional to do the work for you, or spend some time acquiring basic coding skills.

Cd&
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.