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..

    How to apply remaining width to a div in the middle of 2 other divs

    Dialogs are showing at the bottom of the page

    How do I detect box-sizing border-box support with Modernizr

    How can I get Chrome to resize this div when the padding changes?

    CSS- how to prevent the original title info to be displayed

    How to use CSS :not() properly?

    How to adapt height of an element to another in CSS

    How to do drop-down box like “More action” in gmail

    How to manage css files the best way

    How to get and set CSS class in TinyMCE editor?

    How to set offset on (selectmenu) overlays in jQuery Mobile [using a fixed header toolbar]?

    How do I center align form

    How do I center align the items in my menu?

    How to debug CSS with Firebug for an element that only appears when clicked?

    Show or hide button text responsively in jQuery Mobile

    How to prevent right-to-left text appearence while using arabic language?

    How do I make text and other items look like chalk without a specialized font using only HTML and CSS? [closed]

    How to inherit the background color of textarea from parent element in Internet Explorer?

    How do you add multile vendor prefixes to one css property?

    How to apply this sidebar to all pages using CSS?

    How to stretch container div from header to footer with html/css?

    How can I expand a div to compensate for removing the bordering div's margin?

    Shows a dropdown element with jQuery

    how to align element to bottom of page in print preview

    Show jquery datepicker with HTML/CSS image

    How to create dropdown navigationbar without float?

    How do I add a transition to this rollover?

    How to override a style of a specific Joomla module?

    How can I control button margins using CSS (IE8 compatible)

    How to make a floating box in the center of the screen with responsive layout?