2011-09-21 114 views
1

我有这个例子here如何设置2 div的使用像素和百分比的宽度

我希望你能遵循以下步骤:

  • 调整您的浏览器窗口小于950个像素宽。
  • 现在使用水平滚动条滚动到右侧。
  • 现在您会注意到灰色条(div)停止缩短并且不会延续到页面的右侧边缘。

我想知道如何解决这个问题,所以灰色条继续贯穿整个页面。

+1

@ Sparky672哇,感谢编辑,它像200%更容易理解,btw对不起我的英语不好。 –

回答

1

使用min-width酒吧本身具有相同的宽度在它的内容上...

我不知道你想要什么样的跨浏览器的兼容性,但这应该在IE7工作>。任何更多将使这更复杂。

这里举例:

http://jsfiddle.net/sg3s/hrN5F/

编辑,这可能会解决这个问题的旧版本的IE也无法测试它虽然http://jsfiddle.net/sg3s/hrN5F/2/

+0

伟大的工程,伟大的,再次伟大的,谢谢。 –

1

而不是使用css来设置您的bgcolorborder,使用1px宽的图像,然而你需要它的高度。

`background:url('images/bg.gif') repeat-x;` 

请务必在您的bg图片中包含1px底部边框。

+0

它不能解决我的问题! –

+0

他建议你应该使用图像来制作顶部的背景颜色。顺便说一下,只有1px宽的重复无限次的图像减慢了旧版本的IE,更好地给它一些更大的宽度,如10px,IE不必重复它,因此应对图像更好。 – sg3s

+0

sg3s,我没有想到老版本即有问题,但它确实有道理。好的指出。诅咒ie! –

相关问题