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 SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

How to cope up with different resolution of the browser?

Status
Not open for further replies.

ashpassword

Programmer
Jun 19, 2002
19
0
0
IN
Hi
I am generating HTML report and whole HTML code is generated through Oracle Report Server 6i, only before the code and after the code I can add some HTML tags like table, div etc to handle my problem.

What my problem is my data content are wrapped while viewing in different resolution of the screen.
As e.g, For IE 6 it is ok for the resolution 1024 by 768 pixels where as I have to change the resolution 1152 by 864 pixels in case of Netscape 6.2.

So what change I have to do in HTML to make it consistent, I mean my data doesn't wrapped.

To get clear Idea of the problem I am sending my code as below:

<body dir=LTR bgcolor=&quot;#ffffff&quot;>
<!-- Created by Oracle Reports 10:56 Fri Jul 12 , 2002 -->

<div style=&quot;position: absolute; top:0pt;left:1pt;&quot;>

</div>
<style>#f1{font:bold 14pt Tahoma;text-decoration:underline;color:#00007f}</style>
<span style=&quot;position:absolute;top:18pt;left:318pt&quot; id=f1>Applicants List</span>
<style>#f2{font:bold 10pt Arial;color:#000000}</style>
<span style=&quot;position:absolute;top:22pt;left:612pt&quot; id=f2>Report Generated On : </span>
<style>#f3{font:10pt Lucida Sans Unicode;color:#000000}</style>
<span style=&quot;position:absolute;top:40pt;left:613pt&quot; id=f3> 12/07/2002 10:56:18</span>
<span style=&quot;position: absolute; top:4.5pt;left:18.0pt; width:126.0pt;height:47.3pt; &quot;><img src=335452450.gif width=168 height=63 border=0&quot;> </span>
<span style=&quot;position:absolute;top:58pt;left:612pt&quot; id=f2>Total Number of Pages :</span>

<div style=&quot;position: absolute; top:611pt;left:1pt;&quot;>
</div>

<div style=&quot;position: absolute; top:627pt;left:1pt;&quot;>
</div></body></html>
 
Well, I'm thinking that you want something like this? Sorry, I don't understand exactly, but maybe this?:
---------------------------------------
<script>
<!--
if(screen.width==&quot;1024&quot;){
document.write(&quot;<div style='width:1024;'>&quot;);
} else if(screen.width==&quot;1152&quot;){
document.write(&quot;<div style='width:1152;'>&quot;);
}
//-->
</script>
THEN THE CONTENTS THAT GETS WRITTEN
</div>
---------------------------------------

Rick If I have helped you just click the first link below to let me know :)
 
So, it's just a problem with the generated content wrapping before you want it to, and looking ugly because of it?
If so, perhaps you could try wrapping your generated output in a table structure with the attribute &quot;nowrap&quot; set.
Like this...:

<table>
<tr><td nowrap>
<!-- Your generated content here -->
</td></tr>
</table>

Are those absolutely positioned elements that you showed above part of the generated content? If they're the one's getting wrapped before you want them to, try setting the &quot;width&quot; attribute of their containing blocks to a finite value. -----------------------
*doink!*
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top