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

web layout question using .asp

Status
Not open for further replies.

laythss

Technical User
Oct 27, 2004
10
US

Hi all, first of all is this the right place to ask this question. I hope so, if not please advice me and accept my apology. In general I have three .asp pages: main.asp , head.asp , foot.asp
Main has the content of the page and it calls head on top and foot at the bottom
the layout of head is a horizontal table on the top (w: 600 px, h: 100px) aprox. and then below that a vertical table (w: 50px , h: 300px)
Here is a diagram of how main.asp looks like:
the layout is as follows:
************
& xxxx
& xxxx
& xxxx

00000000

*********** Top horizontal table of head.asp
&
& Vertical table of head.asp
&

xxxx
xxxx The table in Main.asp
xxxx

0000000 foot.asp

When the top table is aligned to default, and so is the vertical one, when I load up main I see it's content (which is in a square table (w: 400px , h:400px) below the horizontal table, and to the right of the vertical table of head, which is exactly were I want it.
But now I am trying to make my page look good on different size monitors i.e if some one has a 1400x1000 res. monitor and opens the page in a full screen browser they would see the content of my page in the middle and a background on the sides.
So what I did is on head.asp I made the top table to be alignment: center, and that works great, but with the vertical table below THAT IS WERE THE PROBLEM IS. If I align it to the left it will stay positioned on the left of the page while the top table centers as the browser screen gets bigger or smaller. I tried making a new ccs style and specifying the positioning, but I am not sure is I am doing this right, since I am still new to .asp pages.

Can anyone help me figure out how to align that vertical table so it can always stay aligned with the bottom left point of the top table in the page head???


 
Not to clear on what you are doing, but percentages in the table would help you keep it centered.

for example

Make a table 100% of the page >> 3 columns | 1 row

Insert the 'real content' table into the above table in the center column and assign it a pixel width value.

Play with the percentages on the two outside column in the first table to keep it centered on the page and leave the center column width empty so it will adjust to what space is left.

For example:

column one 30% column three 30% would leave 40 percent of the page (centered) for the middle column

Good luck
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top