#1
  1. A Change of Season
    Devshed Frequenter (2500 - 2999 posts)

    Join Date
    Mar 2004
    Posts
    2,566
    Rep Power
    171

    Center from in iphone


    Hi I have a form in a responsive page where I cant get it to be centered!

    Please click on "ADD DEAL" here on this page. The form seems to be wider that the page. Specially on Iphone looks very bad.

    Would you please help me fix it?

    I attached what it looks like too.

    Thanks
    Attached Images
    Last edited by English Breakfast Tea; December 4th, 2013 at 07:33 PM.
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    18
    Rep Power
    0

    size


    check with the script which handles the size of the images and all
  4. #3
  5. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2009
    Location
    Jakarta, Indonesia.
    Posts
    184
    Rep Power
    31
    I'd do the gray box first - style.css#155:
    Code:
    .add_deal_form , .manage_deal_form{
    	/*width: 100%;*//*removed. a duplicate.*/
    	display:none;
    	font-family: arial, sans-serif;
    	background-color:#E3E3E3;
    	overflow: hidden;
    	width: 80%; /* use this instead of left & right margin, see below. */
    	font-size: 18px;
    	padding:10px;
    	margin: 15px auto;/* auto left & right margins */
    	/*float: left;*//* removed. no need for this.*/
    }
    and then the <input>s - style.css#177:
    Code:
    input{
    	background-color: #FFFFFF;
    	border: 1px solid #cccccc;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    	width:80%;
    	display:block;
    	padding:5px;
    	margin:5px auto;
    }
    Should give a better look, I hope
    Hendra

IMN logo majestic logo threadwatch logo seochat tools logo