How to fix the css padding


Tags: html,css,forms,css-float

Problem :

I m struggling with this landing page since yesterday and I cant fix the form section.

Here's a link! And as you can see the form at the end of the page is a mess.

Find bellow the CSS snippet that I used. what i m doing wrong?

#form {
background: #F1F1F1;
font-size: 22px;
margin:  25px 20px 35px 0px;
padding: 35px 5px 35px 0px;
text-align: left;
width: 100%;}


Solution :

Ok i've changed the following attributes under #form and it worked:

#form {
 padding: 35px;
 width: auto;
 margin: 25px 0;
}

#form p {
  float: none; /*or remove float line */
}

Once you set a width and you add padding, it will be bigger than the setted widh. Did I explain myself? (my english sucks)

There'll be some padding under the submit button but that'll be easy for you to fix it.


    CSS Howto..

    CSS Web fonts how to use it with use of @font-face its not working

    how to use !important in jQuery animate() function

    How best to store and download resource files on the page?

    How to include transparency in html/css?

    How to use if else blocks to decide style in Razor?

    how to move button to left

    How to rotate an element and correctly position it with CSS or jQuery

    CSS - how to keep images within container during browser window resize?

    bootstrap css, how to make full width div inside container

    How to route requests in codeigniter so we can serve static css, js and img files?

    How to create rolldown content with css?

    How to make footer responsive through CSS?

    CSS selector for showing descendants doesn't work properly

    how to dynamically move list items inside a DIV to get proper arrangement?

    IE10 has extra margin above an inline header. How do I remove it?

    I want to make semi-identical manu like the one on this page - how? [closed]

    How to change table cell colour to default on triple click html5/javascript/css

    Ionic 2.0.0-beta.24 how can i import node_module css files without ionic.config.js

    How to check multiple conditions within a td in Angular table?

    How to fill larger image into smaller div?

    scrollbars not showing in google chrome

    How can I rotate(or change) background image using CSS and Javascript

    How to make text invisable during hover stage

    Every third post excerpt shows up on its own line

    How to call
  • tag CSS
  • How to reload CSS after ajax call

    JQuery : How to disable mouse move vertically?

    How to create a pop-up div on mouse over and stay when click

    How to pre-complie css style sheets in rails 2.3?

    How do I create a styleClass to use this CSS?