IE problem in form

Discussion in 'CSS' started by gr8webseller, May 27, 2010.

0
  1. #1
    i attached a preview of the problem, the form is working good in all browser except IE,, in ie there seems huge gap between each line,, i don't want that,, please help me with this,,

    sorry, the coding will be worst,,

    <html>
 
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Untitled </title>
 
<style type="text/css"> 
 
.text{
width:270px;
float:left;
margin-left:3px;
}
 
.sear{
margin-left:5px;	
}
.sear1{
margin-left:4px;	
}
.goo{
width:193px;
float:left;
margin-left:3px;
}
 
.drop{
font-size:15px;	
width:72px;
float:right;
position:relative;
left:2px;
}
 
.xep{
width:132px;	
float:left;
margin-left:3px;
}
 
.xe{
position:relative;
left:4px;
}
 
div{
margin:0;
padding:0;
}
 
</style>
</head>
 
<body background="bg1b.jpg" OnLoad="document.form1.google.focus();">
 
 
 
 
 
<p align="center">&nbsp;</p>
 
<p align="center">&nbsp;</p>
<div align="center"><center>
 
<div style="width:500px; margin:0 auto;background:#fff;padding-bottom:1px;padding-top:1px;">
 
<div style="margin:2px;width:494px;height:445px;">
 
<img src="gedoo.jpg" style="margin:18px auto;"/>
 
 
<form action="#" method="post" name="form1">
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left">
    
    <a href="http://www.spidered.com/go.php?=http://www.google.com" ><img src="google.jpg" border="0" width="49"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
    <input type="text" class="goo" name=google >
<select name="D1" size="1" class="drop">
                            <option>Web</option>
                            <option>Images</option>
                            <option>News</option>
                            <option>Maps</option>
</select>
    
    </div>
    
    <div style="width:70px;float:left">
    
    <input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    	    <span>
    	<div>
    		<img src="up.jpg" width="15" height="10" >
        </div>
        <div>
    		<img src="down_on.jpg" width="15" height="9" >  
        </div>
    </span>
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
   <a href="http://www.spidered.com/go.php?=http://www.wikipedia.org" ><img src="wikipedia.jpg" border="0" width="49" style="position:relative;top:0px;position:relative;top:5px;"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text" class="text" name="T1">
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
        <span>
    	<div>
    		<img src="up.jpg" width="15" height="10" >
        </div>
        <div>
    		<img src="down_on.jpg" width="15" height="9" >  
        </div>
    </span>
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://news.google.com" ><img src="googlenyheter.jpg" border="0" width="44" height="14" style="position:relative;top:0px;margin-right:5px;left:5px;"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text"  name="T1" class="text">
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    	<!-- add arrow code here -->
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;*height:0px;_height:0px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://images.google.com" ><img src="googleimages.jpg" border="0" width="50" height="14" style="position:relative;top:0px;margin-right:0px;left:1px;"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text" class="text" name="T1">
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    <!-- add arrow code here -->
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://www.flickr.com" ><img src="flickr.jpg" border="0" width="50" height="20" style="position:relative;top:0px;margin-right:0px;left:1px;"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text" class="text" name="T1">
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    <!-- add arrow code here -->
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://www.youtube.com" ><img src="youtube.jpg" border="0" width="50" height="20" style="position:relative;top:0px;margin-right:0px;left:1px;"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text" class="text" name="T1">
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    <!-- add arrow code here -->
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://www.vimeo.com" ><img src="vimeo.jpg" border="0" width="50" height="15" style="position:relative;top:0px;margin-right:0px;left:1px;"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text" class="text" name="T1">
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    <!-- add arrow code here -->
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://www.ebay.com" ><img src="ebay.jpg" border="0" width="36" height="20" ></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text" class="text" name="T1">
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
   	
    <span>
    	<div>
    		<img src="up.jpg" width="15" height="10" >
        </div>
        <div>
    		<img src="down_on.jpg" width="15" height="9" >  
        </div>
    </span>
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://www.amazon.com" ><img src="amazon.jpg" border="0" width="50" height="14" style="position:relative;top:0px;margin-right:0px;left:1px;"></a>
 
	</div>
    
    <div style="width:270px;float:left">
    
<input type="text" class="text" name="T1" >
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    <!-- add arrow code here -->
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
<!------>
 
<div style="width:84%;margin:0 auto;">
 
	<div style="width:55px;float:left;">
    
<a href="http://www.spidered.com/go.php?=http://www.xe.com" ><img src="xe.jpg" border="0" width="25" height="14" style="position:relative;top:0px;margin-right:25px;left:20px;"></a>
 
	</div>
    
    <div style="width:271px;float:left">
    
<input type="text" name="T1" class="xep" >
 
<span class="xe">
<select name="D1"
                        size="1">
                            <option>NOK</option>
                            <option>USD</option>
                            <option>EUR</option>
                        </select>
                        
                        <font face="Georgia"><strong>»</strong></font>
                        
 <select name="D1" size="1">
                            <option>EUR</option>
                            <option>USD</option>
                            <option>NOK</option>
                        </select> 
                        </span>
    
    </div>
    
    <div style="width:70px;float:left">
    
<input type="submit" name="B1" value="Search" class="sear1">
    
    </div>    
    
    <div style="width:16px;float:right">
    
    <!-- add arrow code here -->
    
    </div>    
 
</div>
 
<div style="clear:both;height:5px;"></div>
 
</form>
 
<p align="center" style="clear:both"><a href="edit.htm" style="color:#0080C0; font-family:Georgia; font-weight:bold;">Edit this startpage<br /><br /></a></p>
 
</div>
 
</div>
 
 
</center></div>
</body>
</html>
    HTML:
     

    Attached Files:

    gr8webseller, May 27, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    You will never get IE to attempt to perform like other, far more modern browsers without a doctype. Add this to your first line:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    Then validate your html and css for those lists of errors, if any.

    Also, you will never get far using FrontPage either. The worst automatic code generator ever created.
     
    drhowarddrfine, May 27, 2010 IP
  3. extremephp

    extremephp Peon

    Messages:
    1,290
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Can you share the URL of your site so that we can have a better Work on it. We could see the probelm straight and make ourself know the problem so that we can fix it easily.

    Thanks.
     
    extremephp, May 27, 2010 IP
  4. gr8webseller

    gr8webseller Peon

    Messages:
    1,097
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #4
    it is not online it is offline,,
     
    gr8webseller, May 27, 2010 IP
  5. gr8webseller

    gr8webseller Peon

    Messages:
    1,097
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thank you very much,, the problem is the with doctype, i haven't included,, now it got fixed,, thanks,,
     
    gr8webseller, May 27, 2010 IP