Div定位在表格内

时间:2010-11-17 19:55:22

标签: html css

我有一个网站,我想在右上角添加一张图片(从顶部和右边100个边距)。

我把所有内容放在一张桌子里(我已经知道这很糟糕)。

这是一个问题:如何将DIV放置在我想要的位置,并且不会占用DIV的“间隙”。

例如,如果我有一张桌子,并且我在其中放置一个DIV并相对定位,那么DIV“WOULD”占用的空间量仍然会在表格列中占用。为什么呢?

我该如何解决这个问题?

桌子外的绝对定位?

表格对齐设置为中心,所以我认为绝对定位在表格之外不起作用...

由于

3 个答案:

答案 0 :(得分:1)

尝试将表格单元设置为position:relative;,然后您可以使用position:absolute;left将div设为top

虽然,上次我试过这个Firefox并不喜欢它,但我必须首先在表格单元格中放置一个<div>并将THAT作为相对位置块。

答案 1 :(得分:0)

摆脱这种差距可能是不可能的。除了可用表格的基本css之外,您无法控制单元格元素的位置:http://w3schools.com/TAGS/tag_td.asp

您可以将区域转换为使用无桌面设计吗?我相信你可以在这里获得足够的帮助: - )

答案 2 :(得分:0)

我不会意识到你应该重新编写你的页面......

div放在表格之外,以便bodydiv的父级。然后,当你绝对定位它时,它将相对于身体定位......

#id_of_div { position:absolute; top: 100px; right: 100px; }