css - 如何调整我的主题,以便所有元素(例如,标题中的搜索)在更改屏幕大小后保持其位置?

标签 css css-position fixed-width

我的主题 ( www.wortwaerts.net ) 在 IE8 中运行良好:如果我通过挤压或拉伸(stretch)来更改窗口大小,所有元素(尤其是标题中的搜索和类别下拉列表)都会保持其位置 - 水平滚动条将如果屏幕变小,就会出现。

我的问题:在其他浏览器中,例如Mozilla,挤压窗口使搜索向上移动,类别下拉向下移动——此外,文本内容被截断,并且没有水平滚动条出现,使用户能够阅读截断的内容。

有人知道为什么只有在 IE8 中所有元素都保留位置吗?以及如何修复元素并使水平滚动条也出现在其他浏览器中(如何更改哪些主题文件)...?放置 #screen { width: 58.875em; 到 style.css 不起作用...

我真的是一个初学者,对任何提示都会很高兴 :o) 谢谢,菲利克斯

最佳答案

只需添加 "min-width: 58.875em"到您的代码中,它应该可以工作,但我不确定...

关于css - 如何调整我的主题,以便所有元素(例如,标题中的搜索)在更改屏幕大小后保持其位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4534461/

相关文章:

php - 左对齐和右对齐CSS中的一个元素内容

jquery - CSS3 动画 Translate3d 不工作

html - Chrome 中的 CSS 动画棘手错误

html - 从另一个 div 的宽度推导出 div 的宽度 - 我该怎么做?

html - 文本宽度限制,带换行

iOS safari 允许 body 通过固定的 div 滚动

css - 如何在固定菜单上创建透明的当前状态槽口?

twitter-bootstrap - 流体或固定网格系统,采用响应式设计,基于 Twitter Bootstrap

css - 使用位置为 :absolute - is this acceptable? 的所有四个定位参数

html - 粘性页脚 + 固定宽度 + 背景色