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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Textfield adding extra space in IE

    Hey all.

    Before ya see this site, I must stress, this is a design test stage only.

    the link is
    www.onlyican.com/devonwood/

    I get this issue in IE6 (Not tested IE7)
    As you see, at the top, you see a green box with "Add New Temp" in it.

    If I remove the textfield, the green box fits nicley in the top bar.

    If I add the textfield, there is extra white space under the green box.

    Can anyone help remove this white box, I dont want a big top bar but I need a search function there.

    NOTE:
    The reason why there is a div inside the div is because it kept trying to force a new line when I started the form, so I put them in divs to stop this.

    Cheers in advance.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This is what I get with IE7

    Frank
    Attached Thumbnails Attached Thumbnails Textfield adding extra space in IE-screenhunter_01-jan.-24-12.37.jpg  
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    The Add New Temp is displayed in two lines for me in FF.
    I think there is not enough width for the containers to display the contents.
    Tip: Add
    Code:
    *{
    margin:0;
    padding:0
    }
    in your CSS and then explicitly apply the required values for each elements if required to get a uniform appearance in all browsers.
    Last edited by abduraooft; 01-24-2008 at 01:33 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks abduraooft

    I changed my

    Code:
    body form table div{
    	font-family: Arial, Helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    }
    to

    Code:
    *{
    	font-family: Arial, Helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    }
    and its sorted it.


  •  

    Posting Permissions

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