Basically this is what I have:

<div style="float:right; width:500px">
    <table width="100%">
            <td>Input Text:</td>
            <td><input name="textInput" type="text" value="<?=$phpVariable?>" style="width:100%" /></td>

In every web browser besides IE what this does is make the width of the input field the full width of the column. However, in IE if the input value is longer than the width of the column the input field seems to then become 100% of the width of the value.

Check out my attachments to see what I'm talking about.

How do it fix this!?


Recommended Answers

All 4 Replies

Do you have a doctype set in your html?


Am I the only on with this problem? Should I post more detailed code?

Please help!

Okay so I made a simplified page to see if I can get the same error.
This is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="">
<title>Untitled Document</title>
#container {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 876px;
	display: block;
	background: #F00;
#sidebar {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 171px;
	min-height: 300px;
	background: #FF0;
#content {
	margin: 0 0 0 171px;
	padding: 40px 50px 18px 18px;
	min-height: 300px;
	background: #0FF;
	text-align: left;

<div id="container">
	<div id="sidebar">
		Stuff<br />
	<div id="content">
		<table width="100%">
				<td width="100px">Input Text:</td>
				<td><input name="textInput" type="text" value="afsdhfkjashdfhasdlf ash fksjhdf kshdf skdfh klashf kshdfk hsfklshdk fjhasdiufyhsidufyi uy iuay iasy fiuyf ioasydf98sydf asdfiouy fa9s8yd fyh asiduf asdfsadfsa asdf aydsfgs dft fg" style="width:100%" /></td>

See the attached pictures for results...

Note: If I open the html file on my local machine it works perfectly even in internet explorer. However, it's when I upload the file to my web server and open it across the internet that it errors.

Thanks for any help!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.