Hello I have the following problem: I have a table that is: style="position:fixed", but when I put a button style position: absolute; appears above the table which is fixed. How can I make that button appear below the table?
try having the button: { position: relative; top: 20px; } Code (markup): and switch the table to absolute. Use the Absolute cautiously, have you tried using float:left in your css? What I like to do and feels the easiest is make div tags with a width wide enough that that div element uses that line with the float tag and the other will be the same just it will show on the bottom instead. For Absolute the most important thing to remember, about absolute positioning is that these elements are removed from the flow of elements on the page. The values will be relative to the next parent element with relative (or absolute) positioning. An element with this type of positioning is not affected by other elements and it doesn't affect other elements. This is a serious thing to consider every time you use absolute positioning. It's overuse or improper use can limit the flexibility of your site. I am still sort of new to web design, hope you figure it out. ^-^
Could we see the actual code for the section? Since you have a 'button' it sounds like a form -- in which case are you REALLY sure that's tabular data? Why are you fixing the position of the table and absolute positioning the button in the first place?!? Position:fixed should be used with an eyedropper if at all... It SOUNDS like you are using broken site-building methodologies, but without seeing the full code and some sample data for what you are trying to do it's really hard to weigh in on it in a meaningful manner. Could be as simple as saying "bottom:0" on the 'button', could be your entire markup needs to be pitched in the trash for being inaccessible broken and non-semantic.