Positioning of objects in CSS (with .asp include file)

Stoner · 04-08-2006, 10:18 AM

I use CSS, HTML and one ASP command: SSI (therefore my file names are not .html but .asp)
I've made a template file that shows my navigation menu (left side) and banner (top) and I'm including it in every .asp page
I want to present the main content(which is always from different .asp) in the middle while the navigation menu will be in the left and banner will be on top.
What happens is that the main content is shown below the navigation menu.
I know how to fix it with absolute positioning (also with %)
But then if I change the size of my window or screen resolution it's not shown correctly.

How can I put my main content in a specific place with consideration of screen resolution and browser window size?

sde · 04-08-2006, 11:02 AM

some people are hardcore CSS people, but for the skeleton of a site with columns, i still prefer to use tables. This format will be scalable for any resolution.

HTML Code:

<html>
<body>
<div>Here is my top banner</div>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
  <td width=150 valign=top>This is my left menu</td>
  <td valign=top>This is my main content</td>
</tr>
</table>
</body>
</html>

now when you want to re-use the header/footer/navigation, i would do this:

This is my header include

HTML Code:

<html>
<body>
<div>Here is my top banner</div>
<table border=0 cellspacing=0 cellpadding=0 width=100%>
<tr>
  <td width=150 valign=top>This is my left menu</td>
  <td valign=top>

This is my footer include

HTML Code:

</td>
</tr>
</table>
</body>
</html>

And each page would look like this. (i'm using php includes cause i'm not familiar with asp from memory)

HTML Code:

<?
include("header.html");
?>
This is my content
<?
include("footer.html");
?>

Stoner · 04-10-2006, 02:33 PM

I got the website running now... and i've put the css there also.
http://www12.asphost4free.com/stoner/index.asp
please help !

sde · 04-10-2006, 02:41 PM

when you put a little more effort into communicating what you need help with, you're more likely to get better help.

good luck.