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!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Tables move to the left or right 1

Status
Not open for further replies.
dzisaacs

dzisaacs

Programmer
Dec 12, 2002
53
PA
i have two file

index.htm, contactus.htm

when i click index to go to the contactus page it moves to the right...

when i click contactus to go to index page it goes to the left...

i need the index main table to be 750 x 1000, and the contactus table to be 750 x 563...

i think the height has something to do with it but i need those 2 sizes of the main table to not change....

thanks in advance i have no clue of what to do so i can browse to them, and they don't move

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>

<table width="750" height="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> 
	<tr>
		<td width="750" valign="top">
			<table width="750" height="110">
				<tr>
					<td width="750">&nbsp;</td>
				</tr>
			</table>
			<table width="750" height="26" align="center">
				<tr>
					<td width="105" height="22">&nbsp;</td>
					<td width="135" height="22"><div align="center">index</div></td>
					<td width="135" height="22"><div align="center"><a href="contactus.htm">contact us</a></div></td>
					<td width="135" height="22"><div align="left">c</div></td>
					<td width="135" height="22"><div align="left">d</div></td>
					<td width="105" height="22">&nbsp;</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

</body>
</html>

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>about us</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>

<table width="750" height="563" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> 
	<tr>
		<td width="750" valign="top">
			<table width="750" height="110">
				<tr>
					<td width="750">&nbsp;</td>
				</tr>
			</table>
			<table width="750" height="26" align="center">
				<tr>
					<td width="105" height="22">&nbsp;</td>
					<td width="135" height="22"><div align="center"><a href="index.htm">index</a></div></td>
					<td width="135" height="22"><div align="center">contact us</div></td>
					<td width="135" height="22"><div align="left">c</div></td>
					<td width="135" height="22"><div align="left">d</div></td>
					<td width="105" height="22">&nbsp;</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

</body>
</html>
 
Sort by date Sort by votes
Are you experiencing this problem in all the browsers or just one? I see no problems in IE, but FF of course shift the table (on my screen) a little bit because the longer page has a scrollbar on the right and the shorter one doesn't. If that is the problem, then there's nothing really you can do about it. Not that anyone would really care about it, if you ask me. If it is really imperative that the page does not move when scrollbar is present, you should maybe think about turning the scrollbar on all the time by putting [tt]overflow: scroll;[/tt] to your html tag.
 
Upvote 0 Downvote
woow!! that solved the problem!! THANK YOU VERY MUCH
 
Upvote 0 Downvote
Vragabond actually on what part of my HTML i need to put that...on the html tag or on the body?
 
Upvote 0 Downvote
html tag..nevermind, i tried it on the body first and it look weird on IE
 
Upvote 0 Downvote
well it actually gives me an error...i don't know where to put it :(
 
Upvote 0 Downvote
It gives me an error" is not really descriptive? What gives you an error? Which browser?

According to W3, the canvas of the html page is the html tag. So I put it on the html tag. In the stylesheet that would look like this:
Code: 
html { overflow: scroll; }
If done inline, like so:
Code: 
<html style="overflow: scroll;">
Other than that, I don't know what to tell you on information you provided.
 
Upvote 0 Downvote
It said it wasn't supported in netscpae...thank you very much that worked out for me :)
 
Upvote 0 Downvote
It said it wasn't supported in netscpae" Who is it in this sentence?
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
718
bdwilcox
bdwilcox
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
205
lmcate
lmcate
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
762
pmonett
pmonett

Part and Inventory Search

Sponsor

Back
Top