lansingstudent09101
New member
- Jul 7, 2008
- 2
- 0
- 1
As far as I can tell, it shouldn't work in firefox either.
absolute positioning *should* remove an element from it's containing block and position that element relative to the top left corner of the browser, (UNLESS the containing block is relatively positioned). So, a browser rendering this code properly would remove the "divs" from the links and position them over other page content. Also, "divs" are probably not legal children of the "a" (anchor) tag. The best way to solve this is to:
1. change the "display" css property to "block" on the a tags then you will be able to set a height and width on it.
2. Move the properties from the "div" tag to the "a" tag
3. Move the a tags into a div, inside the table row. Set this div to position:relative (but don't set top/left/bottom/right). and it will stay exactly where it was. Set a height and width (remember the absolute elements won't take up any space so content would collapse into them)
4. Position the link elements where you want them.
absolute positioning *should* remove an element from it's containing block and position that element relative to the top left corner of the browser, (UNLESS the containing block is relatively positioned). So, a browser rendering this code properly would remove the "divs" from the links and position them over other page content. Also, "divs" are probably not legal children of the "a" (anchor) tag. The best way to solve this is to:
1. change the "display" css property to "block" on the a tags then you will be able to set a height and width on it.
2. Move the properties from the "div" tag to the "a" tag
3. Move the a tags into a div, inside the table row. Set this div to position:relative (but don't set top/left/bottom/right). and it will stay exactly where it was. Set a height and width (remember the absolute elements won't take up any space so content would collapse into them)
4. Position the link elements where you want them.