asked on
How do I get a table in HTML to not move when the browser is resized?
I have a Web page that has a template with a list of menu options on it on the left-hand side of the page. I also have a table with some contents in it next to the menu. I would like the table to stay on the left side of the page next to the menu. However, if I drag the right edge of the browser to make it bigger, the table moves along with it resulting in a gap (whit space) between the menu and the table. How do I make the table stay put on the left side of the page even if I resize the browser to make it bigger?
HTMLWeb Browsers
Last Comment
geeta_m9
ASKER
It has already been set to 582px, i.e.:
<tr style="HEIGHT: 12.75pt" height="17">
<table style="WIDTH: 582px; HEIGHT: 238px" cellSpacing=0 cellPadding=0 align=center border=0>
<tbody>
<tr>
.
.
.
<tr style="HEIGHT: 12.75pt" height="17">
<table style="WIDTH: 582px; HEIGHT: 238px" cellSpacing=0 cellPadding=0 align=center border=0>
<tbody>
<tr>
.
.
.
So, the table is staying the same size, but it is moving away from the menu on the left?
Sounds like the div that the menu is inside of is expanding. Try setting the width on that.
Sounds like the div that the menu is inside of is expanding. Try setting the width on that.
ASKER
Does that mean that I have to adjust the template?
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Your answer makes a lot of sense. I will try working on it and get back to you.
<table style="width:500px;">
</table>