...

View Full Version : Textfield adding extra space in IE



onlyican
01-24-2008, 12:56 PM
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.

effpeetee
01-24-2008, 01:41 PM
This is what I get with IE7

Frank

abduraooft
01-24-2008, 02:31 PM
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
*{
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.

onlyican
01-24-2008, 02:56 PM
Thanks abduraooft

I changed my



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


to



*{
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}


and its sorted it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum