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

No Scroll Bar in Window

Status
Not open for further replies.

yash

Programmer
Apr 9, 2001
46
IN
Hi,
I created on page in Front Page. It works fine when open Window is Maximum size , as you reduce the size of window it start shrinking items in windows.
Can anybody help to resolve this problem.
I want if window size changes is should not change size to items, but it should display scroll bar at bottom of window..
Thanks and Regards..

----------------------------------------
<html>

<head>
<title>Home</title>
</head>

<body>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td align=&quot;left&quot; width=&quot;20%&quot; valign=&quot;baseline&quot;><img SRC=&quot;img/logo.gif&quot; disabled border=&quot;0&quot;
width=&quot;180&quot; height=&quot;53&quot;> </td>
<td align=&quot;left&quot; width=&quot;80%&quot; valign=&quot;baseline&quot;><table border=&quot;0&quot; cellpadding=&quot;0&quot;
cellspacing=&quot;1&quot; width=&quot;100%&quot;
style=&quot;text-align: center; font-family: Arial; font-size: 10pt; font-weight: bold&quot;>
<tr>
<td width=&quot;20%&quot; bgcolor=&quot;#FFCC66&quot; style=&quot;border: medium outset&quot;><a
HREF=&quot; </td>
<td width=&quot;20%&quot; bgcolor=&quot;#FFCC66&quot; style=&quot;border: medium outset&quot;><a
HREF=&quot; to MSN</a> </td>
<td width=&quot;20%&quot; bgcolor=&quot;#FFCC66&quot; style=&quot;border: medium outset&quot;><a
HREF=&quot; to MSN</a> </td>
<td width=&quot;20%&quot; bgcolor=&quot;#FFCC66&quot; style=&quot;border: medium outset&quot;><a
HREF=&quot; to MSN</a> </td>
<td width=&quot;20%&quot; bgcolor=&quot;#FFCC66&quot; style=&quot;border: medium outset&quot;><a
HREF=&quot; </td>
</tr>
</table>
<hr>
</td>
</tr>
</table>
</body>
</html>
 
Ok the reason the items on your page resize and the window is resized is that you have used relative sizing (with percentages) for the table and cells.

Relative sizing is the basis behind fluid page design, and seems to be becoming a popular standard for web design these days.

If you want your table to remain fixed, to acheive the effect you described, use absolute sizing.

Eg
Rather than <table width=&quot;100%&quot;>
Use <table width=&quot;640&quot;> <!---- this will make the table width fixed at 640 pixels
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top