fix css html issue

Posted on 2014-08-30
Last Modified: 2014-09-20

I have website called, 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 (

2. Listing page:
- The footer need to stay at the bottom. I changed css like this 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.
Question by:Pham Trung Kien
    LVL 53

    Accepted Solution

    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:

    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.

    LVL 33

    Expert Comment

    greetings kicor, , , I looked at your page source code, for -
    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.
    LVL 53

    Expert Comment

    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.


    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    Join & Write a Comment

    Suggested Solutions

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

    733 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    23 Experts available now in Live!

    Get 1:1 Help Now