Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Form position in FF and other browsers 1

Status
Not open for further replies.

ChrisRChamberlain

Programmer
Mar 23, 2000
3,392
GB
Hi all

Have three divs, one including a form, within a main div which render correctly in IE but not in other browsers.

CSS is
Code:
div#thumbhelp{
[tab]position:absolute;
[tab]color:#088FAD;
[tab]font-family : Arial, Helvetica, sans-serif;
[tab]font-size:11px;
[tab]top:150px;
[tab]left:172px;
[tab]width:140px;
[tab]background: #D6EBEF;
}
div#findinpage{
[tab]position:absolute;
[tab]left:310;
[tab]top:150;
[tab]width:130px;
[tab]height:20px;
[tab]background: #D6EBEF;
}
div#findhelp{
[tab]position:absolute;
[tab]left:445;
[tab]top:150;
[tab]color:#088FAD;
[tab]font-family : Arial, Helvetica, sans-serif;
[tab]font-size:11px;
[tab]background: #D6EBEF;
}
HTML is
Code:
<div id="thumbhelp"> Move your mouse over a<br />
    thumbnail for more images </div>
<div id="findinpage">
[tab]<form id="f1" style="margin:0px; padding:0px;" action="" 
onSubmit="if(this.t1.value!=null && this.t1.value!='')
findString(this.t1.value);return false"
>
[tab]<input type="text" name=t1 value="" size=10 />
[tab]<input type="submit" name=b1 value="Go" size=10 />
[tab]</form>
</div>
<div id="findhelp"> Enter a word or phrase that you would<br />
    like to find in a vehicle's specification </div>
</div>
IE positioning is as expected, form position and third div position in other browsers is top left.

What's missing please?

TIA

FAQ184-2483​
Chris [pc2]
PDFcommander.com
motrac.co.uk
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top