I'm trying to resolve a positioning problem.
1 -- I need to position a small table that contains sidebar menu links.
2 -- I first tried positioning the table the old fashioned way, by nesting it in the left side column [cell] of the main table.
3 -- This works fine in FF, but in IE it shows up in different positions on different pages -- and for no explicable reason, I might add.
4 -- Then I tried using CSS to position the menu table, and wahlah! It worked perfectly, or so I thought.
5 -- An associate pointed out that the table moves to the LEFT at higher screen resolution.
6 -- Being new to CSS, I discovered that I was using 'absolute' positioning.
7 -- So I then tried 'relative' positioning, 'fixed' positioning, and finally 'float' positioning. I got the table to stay in place regardless of screen resolution, but for some reason [again inexplicable], the table shows up in different places on different pages, and I cannot see any difference in the HTML code.
I was having the most success with 'float' positioning, but still, the table shows up at different heights on different pages???
Can someone please recommend the best type of CSS positioning to use to make sure a table stays in the same spot despite the screen resolution?
Any other tips welcome.
Thanks very much