Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS在表格单元格中的固定背景定位_Html_Css_Background Image_Css Tables_Cross Browser - Fatal编程技术网

Html CSS在表格单元格中的固定背景定位

Html CSS在表格单元格中的固定背景定位,html,css,background-image,css-tables,cross-browser,Html,Css,Background Image,Css Tables,Cross Browser,共有3列,2个侧列必须可通过浏览器窗口展开,而中心为固定宽度 您可以在此处看到我的代码: 我不知道如何使左列的背景图像在与表格单元格的“右下角”对齐时保持固定。实际上,图像的对齐方式比预期的更为正确,并且由于某些原因没有对齐到单元格的右边缘 还有其他人遇到过这个问题吗 任何帮助都将不胜感激您的问题是您将背景设置为.left列的背景,因此它是该单元格中两个单元格的背景。要解决此问题,请将背景属性设置为td#徽标环绕。基本上,图像没有太右对齐,它被设置为整个.left列的背景(包括带有#logo w

共有3列,2个侧列必须可通过浏览器窗口展开,而中心为固定宽度

您可以在此处看到我的代码:

我不知道如何使左列的背景图像在与表格单元格的“右下角”对齐时保持固定。实际上,图像的对齐方式比预期的更为正确,并且由于某些原因没有对齐到单元格的右边缘

还有其他人遇到过这个问题吗


任何帮助都将不胜感激

您的问题是您将背景设置为.left列的背景,因此它是该单元格中两个单元格的背景。要解决此问题,请将背景属性设置为td#徽标环绕。基本上,图像没有太右对齐,它被设置为整个.left列的背景(包括带有#logo wrap的表,这是您希望设置背景的内容)。只需为#logo wrap添加另一个css选择器,并将图像设置为该td的背景。

背景不是问题所在,因为背景是
左列
(动态宽度容器),而不是
logo wrap
(固定宽度单元格)?@zoli它应该位于
左列
,因为图像(我的链接中的计算机图像是占位符)左边的是淡出的,因为它相当大,所以不能限制在
logo wrap
的宽度内。为什么不使用divs呢?我不明白这里需要一个表。@enhzflep我想我可以。一个表的理由是很容易在3列中的每列上都有100%的高度。你能澄清一下backg的确切位置吗应显示圆形图像?在您的描述中,指定您所指的单元格(“单元格”、“表格单元格”)会有所帮助。图像不能位于
#徽标包裹
的内部,因为所述div被压缩到特定的宽度。如果浏览器窗口足够宽,则图像需要延伸到左侧的
#徽标包裹