Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts

    input box problem in ie

    Hi all,

    I am in the middle of creating a contact form and I have noticed a problem in ie. I have replaced the input box borders with my own background. My problem is when you enter lots of info into the contact form in ie the background scrolls away instead of staying in place like in firefox?

    the page is hosted here http://www.kylehouston.com/testing/inputBox/form1.html

    How can i set this background to remain static?

    Thanks in advance!

    Kyle

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by kyllle View Post
    Hi all,

    I am in the middle of creating a contact form and I have noticed a problem in ie. I have replaced the input box borders with my own background. My problem is when you enter lots of info into the contact form in ie the background scrolls away instead of staying in place like in firefox?

    the page is hosted here http://www.kylehouston.com/testing/inputBox/form1.html

    How can i set this background to remain static?

    Thanks in advance!

    Kyle
    See if this helps:
    Code:
    .input_field{
    	margin: 0 5px;
    	width:250px;
    	height:21px;
    	padding: 3px 3px 0 3px;
    	border:0;
    	background:url(images/input_bg.gif) fixed top left no-repeat;
    }
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    kyllle (12-14-2009)

  • #3
    Regular Coder kyllle's Avatar
    Join Date
    Mar 2008
    Posts
    334
    Thanks
    85
    Thanked 2 Times in 2 Posts
    Hey,

    Tried that there but its not working, thanks!

  • #4
    Regular Coder
    Join Date
    Jun 2008
    Posts
    173
    Thanks
    2
    Thanked 9 Times in 9 Posts
    you need to keep the input box on seperate layer/div and background image on separate layer and give z-index higher on input box and z-index lower on bg image.

    vineet

  • Users who have thanked vineet for this post:

    kyllle (12-14-2009)

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Its' a known issue, so you are not alone here, see http://www.google.co.in/search?q=inp...und+scrolls+IE
    (The idea is to put an extra element and apply background on that and place it behind the input element)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    kyllle (12-14-2009)

  • #6
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here is, in my opinion, the most interesting part:
    CSS Code:

    //If first time key in date run statement
    if(first == 0){
    ++first;//Track if is the first record key in
    items[i] = new Item(itemNumber, itemDesc, sellPrice, quantity);
    }
    //Else continue key in record
    else{
    entries = items[0].getEntries();//Get number of entries entered
    for(j=0; j<entries; ++j){

    duplicate = items[j].equals(itemNumber, itemDesc, sellPrice, quantity);//Check for duplication of entries

    if(duplicate == true) {
    Print.duplicateError();
    --i;
    --looping;
    break;
    }
    }
    if(duplicate == false)//else save record
    items[entries] = new Item(itemNumber, itemDesc, sellPrice, quantity);
    }
    __________________________
    Courtier conseil financement immobilier achat | Demande credit simulation plan de financement immobilier | Calcul pret projet financement immobilier travaux


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •