width problem while making responsive in my UI

sir,iam doing UI and iam fresher to that.My uI makes some problem in responsive which i have showed in below screen shots..while doing responsive i have struggle with width problem and i dono why.pls help me to solve the problem
normal.png
responsive.png
codeoxygenAsked:
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.

Dean OBrienCommented:
That just looks like an issue with padding and margins. You will need to provide the code if you want any further help.
Regards
Easynow
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
codeoxygenAuthor Commented:
sir,thank u for ur reply my UI can be viewed through this


 link:http://quickonline.us/dev/aboutus.html
0
Dean OBrienCommented:
Your code is pretty messy.... you should really look at going back trying some basic tutorials.

See below for a few fixes that might fix the code. Note, this isnt by any way best practice, but trying to provide that would take to much time...


Remove <br> from before myCarousel div. Also remove no-margin from the myCarousel div class.

remove /* margin-bottom: 20px; */ the following css foir nav.

Change 90%->100% in this css class:

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 90%;
    margin: auto;
}

Change the following:
<img src="http://prakashparadise.com/images/demo/prakash.jpg" alt="design" width="362" height="220">

<img src="http://prakashparadise.com/images/demo/prakash.jpg" alt="design" width="100%">
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

codeoxygenAuthor Commented:
thank you sir,for ur suggestion and reply,pls help me to fix the problem in footer
normal.png
responsive.png
0
Dean OBrienCommented:
Unfortunately i cant keep writing your code for you, you need to explain what you have tried, and where you think the problem might be.

Also, did you try using the previous suggestions? By the looks of the online link, it doesnt appear so.

You cant just keep asking to fix issue after issue, as we will be here all day with your page.
0
lenamtlCommented:
I would recommend to start over and use Bootstrap (free responsive framework)
http://getbootstrap.com/getting-started/#examples

or to save time buy a  template on themeforest
http://themeforest.net/popular_item/by_category?category=site-templates
0
codeoxygenAuthor Commented:
I've requested that this question be deleted for the following reason:

i got the answer
0
codeoxygenAuthor Commented:
good..
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
Web Development

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.