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

    Join Date
    Mar 2004
    Location
    Next Door
    Posts
    2,688
    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 08:33 PM.
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Location
    USA
    Posts
    11
    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
    218
    Rep Power
    32
    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