Code Forums - View Single Post - Making web pages independent of the screen resolution??

j.gohel · 04-19-2006, 01:52 AM

Hi,

In my web application i have arranged some elements (like image) using CSS position property: absolute value.

But when i am accessing the application from the web where the resolution of the screen is not same as of my screen there the components get displayed at different positions.

I have the following code in which my textbox & image is to be set side by side & it should remain in that position only if the resolution of the screen gets changed???

HTML Code:

<HTML>
<HEAD>
<TITLE>Float example</TITLE>
<STYLE type="text/css">    
      IMG { float: right } 
</STYLE> 
 </HEAD>

 <BODY>	
  <table>	
 	<tr>			
                    <td>Name:</td>			 
                    <td><input type=  "text" >
  	 <IMG src="hsbc_logo.gif" alt="This image will illustrate floats">	  </td>
	</tr>
  </table>
</BODY>
</HTML>

Thanks,
Jignesh

04-19-2006, 01:52 AM	#1 (permalink)
j.gohel Code Monkey Join Date: Apr 2005 Posts: 68	Making web pages independent of the screen resolution?? Hi, In my web application i have arranged some elements (like image) using CSS position property: absolute value. But when i am accessing the application from the web where the resolution of the screen is not same as of my screen there the components get displayed at different positions. I have the following code in which my textbox & image is to be set side by side & it should remain in that position only if the resolution of the screen gets changed??? HTML Code: <HTML> <HEAD> <TITLE>Float example</TITLE> <STYLE type="text/css"> IMG { float: right } </STYLE> </HEAD> <BODY> <table> <tr> <td>Name:</td> <td><input type= "text" > <IMG src="hsbc_logo.gif" alt="This image will illustrate floats"> </td> </tr> </table> </BODY> </HTML> Thanks, Jignesh