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!

Images and background on resolution different resolutions

Status
Not open for further replies.

itsita001

Programmer
Nov 6, 2002
21
0
0
IL
How can i keef the same format of an html page, pictures and stuff even if the resolution is different from comp to comp....
Thanx
 
You can use css and html to layer stuff with widths/heights in percentages, not fixed widths. Alternatively, you could do browser checks and display what you want.

Rick
 
<div style=&quot;position:absolute;top:0;left:0;width:100%;height:100%;&quot;>
<img src=&quot;image.gif&quot; width=&quot;100%&quot; height=&quot;100%&quot;>
</div>
<div style=&quot;position:absolute;top:0;left:0;width:100%;height:100%;&quot;>
<!--Put text in here-->
</div>

Rick
 
I don't know if that went through the first time. Use this instead:

<div style=&quot;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;&quot;>
<img src=&quot;image.gif&quot; style=&quot;width:100%;height:100%;&quot;>
</div>
<div style=&quot;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;&quot;>
<!--Put text in here-->
</div>

Rick
 
Rick thanx for the answe, still have a problem.
What if i don't want to place the image exactly at the top.
&quot;style=&quot;position:absolute;top:0;left:0;&quot;
on a different resolution the placement would be different because then there would be a different amount of pixles....
??
what should i do?
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top