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!

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

Opera vertically displacing FORM tag

Status
Not open for further replies.
ChrisRChamberlain

ChrisRChamberlain

Programmer
Mar 23, 2000
3,392
GB
Hi all

Opera is vertically displacing the <FORM>...</FORM> tags in the webpage accessed through either link in this signature block.

IE, Firefox and Netscape all OK.

CSS is
Code: 
#searchs {
	position: absolute;
	top: 6px; 
	left: 10px;
}

#site_search_label {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      position: absolute;
      font-size:11px;
      white-space: nowrap;
}

#site_search_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: -3px; 
	left: 70px;
	font-size:11px;
	white-space: nowrap;
}

#page_search_label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 200px;
	font-size:11px;
	white-space: nowrap;
}

#page_search_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: -3px; 
	left: 277px;
	font-size:11px;
	white-space: nowrap;
}
HTML is
Code: 
			<div id="searchs">
				<span id="site_search_label">
					 Site search 
				</span>
				<span id="site_search_input">
					<form name="jse_Form" action="#" onsubmit="search_form(jse_Form);return false">
						<input type="text" name="d" style='font-size: 8pt' size="12" title="Search PDFcommander website">
						<input type="button" value="Go " style='font-size: 8pt' onclick="search_form(jse_Form)">
					</form>
				</span>
				<span id="page_search_label">
					 Page search 
				</span>
				<span id="page_search_input">
					<form name="form1" action="#" onSubmit="search(document.form1, frametosearch); return false">
						<input type="text" name="findthis" style='font-size: 8pt' size="12" title="Press 'ALT s' after clicking submit to repeatedly search page">
						<input type="submit" value="Go " style='font-size: 8pt' accesskey="s">
					</form>
				</span>
			</div>
Any ideas please?

TIA


FAQ184-2483 - answering getting answered.​
Chris [pc2]
PDFcommandertm.net
PDFcommandertm.com
 
Sort by date Sort by votes

There was an coding error with the HTML which is now
Code: 
			<div id="searchs">
				<span id="site_search_label">
					 Site search 
				</span>
				<div id="site_search_input">
					<form name="jse_Form" action="#" onsubmit="search_form(jse_Form);return false">
						<input type="text" name="d" style='font-size: 8pt' size="12" title="Search PDFcommander website">
						<input type="button" value="Go " style='font-size: 8pt' onclick="search_form(jse_Form)">
					</form>
				</div>
				<span id="page_search_label">
					 Page search 
				</span>
				<div id="page_search_input">
					<form name="form1" action="#" onSubmit="search(document.form1, frametosearch); return false">
						<input type="text" name="findthis" style='font-size: 8pt' size="12" title="Press 'ALT s' after clicking submit to repeatedly search page">
						<input type="submit" value="Go " style='font-size: 8pt' accesskey="s">
					</form>
				</div>
			</div>
No difference in Opera. [sad]


FAQ184-2483 - answering getting answered.​
Chris [pc2]
PDFcommandertm.net
PDFcommandertm.com
 
Upvote 0 Downvote
If I make a test harness using just the CSS and HTML you've given, I see no difference between the rendering in Opera (either v7.54 or v8.0) than in Firefox v1.0.7.

A few things that would make a difference that are unknown to us:

1. The DOCTYPE you are using
2. The version of Opera you are seeing the problem with (versions of Opera pre v7.2 are, apparently, somewhat problematic).

Dan

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Dan

Thanks for your response

Opera version is 8.51, build 7712, OS Windows 2K.

Doctype is:-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
Assuming the Doctype to be at fault, what alternative(s) would you suggest trying?

FAQ184-2483 - answering getting answered.​
Chris [pc2]
PDFcommandertm.net
PDFcommandertm.com
 
Upvote 0 Downvote
Dan

Thanks for the suggestion about Doctype
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
resolves the problem.

FAQ184-2483 - answering getting answered.​
Chris [pc2]
PDFcommandertm.net
PDFcommandertm.com
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

1DMF
  • Locked
  • Question
IE9 Doesn't print form content
Replies
4
Views
100
1DMF
1DMF
swtek
  • Locked
  • Question
IE 7 auto refreshes causing you lose form content.
Replies
3
Views
67
smah
smah
johnallan
  • Locked
  • Question
Opera Password Prompt on Public Site
Replies
0
Views
51
johnallan
johnallan
Orsacchiotto
  • Locked
  • Question
opera - cursor disappears
Replies
2
Views
79
Orsacchiotto
Orsacchiotto
mycrackers
  • Locked
  • Question
Start Opera in Full Screen
Replies
0
Views
46
mycrackers
mycrackers

Part and Inventory Search

Sponsor

Back
Top