个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
基本上，我正在布置一个网站，我使用 DIV 来设置页眉、左栏、右栏和页脚。我想让网站的内容部分可扩展为插入其中的 html/文本，所以我一直在使用 height: auto。
我在页眉顶部和页脚底部使用背景图片，在网站正文中使用 1px 高的填充符。
我的问题是，如果我尝试让右列位于左列的右侧而不是在其下方，我所尝试的一切基本上都消除了中间背景图像。
我敢肯定这可能是一件非常简单的事情，但我从昨晚开始就一直在做这件事，我快要完成了想弄明白的事情。
它是有效的 XHTML 和 CSS(除了属于 CSS3 的 jQuery UI 之外，尽管这在结构上应该无关紧要)。
关于如何使用背景图像获得两栏布局的任何想法或有人可以给我指点教程吗？
<body>
<div id="top">
THE TOP IMAGE GOES HERE IN CSS
</div>
<div id="wrapper">
<div id="header">
</div>
<div id="navigation">
</div>
<div id="content">
<div id="left-col">
</div>
<div id="right-col">
</div>
</div>
</div>
<div id="bottom">
THE BOTTOM IMAGE GOES HERE IN CSS
</div>
<div id="footer">
</div>
</body>
#wrapper {
margin: 0 auto;
width: 838px;
background-image:url('../images/wrapper_bg.gif');
background-repeat:repeat-y;
}
#header {
width: 818px;
color: #333;
padding: 10px;
height: 100px;
}
#navigation {
width: 838px;
}
#content {
width: 838px;
color: #333;
margin: 0px 0px 0px 0px;
/*min-height: 800px;*/
height: auto;
}
#footer {
width: 838px;
color: #333;
text-align: center;
}
#top{
margin: 0 auto;
width: 838px;
height:14px;
background-image:url('../images/wrapper_top.gif');
}
#bottom{
clear: both;
margin: 0 auto;
width: 838px;
height:14px;
background-image:url('../images/wrapper_bottom.gif');
}
#left-col{
margin-left: 20px;
width: 590px;
float:left;
height: auto;
}
#right-col{
width: 170px;
display: inline;
height: auto;
margin-right: 25px;
color: #777777;
font-size: 15px;
padding: 5px;
font-weight: bold;
}
http://www.wholehealthconnect.org/home.php是网站。
谁能帮我把中间的 div 扩展到内容，让右边的列紧挨着左边的列，并且在它们后面仍然有背景图片？
最佳答案
我不确定我是否正确理解了您的问题，所以请随时指出正确的方向。
基本上您希望链接:FAQ、Professional ... Facebook 显示在右侧？
为什么不用经典的:
#right-col {
float: left;
margin-left: 610px; /* or perhaps higher */
}
我的思路是否正确，还是我没有理解您提出的问题？
关于css - XHTML CSS Auto Height Div 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1510752/
25
4
0
有谁知道 xhtml 中选项卡的字符实体是什么？ (嗯，如果有的话)... 最佳答案 (X)HTML 对制表符没有特殊支持:它们只是另一个空白字符，无论您是否对它们进行转义。 关于xhtml - XH
我了解根据 HTML 规范，向元素添加自定义属性是无效的。这对 XHTML 也无效吗？ 我认为 XHTML 是 XML 家族的一部分，因此是可扩展的。作为可扩展性，使用自定义属性不是可以吗？ 戴夫 最
有没有关于如何正确处理 XHTML (1.0 Transitional) 中的空格的信息？似乎 XHTML 不使用标准的 XML 空白处理。 编辑:梅比我对我到底在寻找什么有点不准确。我对元素如何呈现
据我了解，XHTML (1.0, 1.1) 和 XHTML 5 都不需要 DTD。如果这是真的，浏览器将如何区分两者？ 我只能假设当浏览器供应商支持 (X)HTML 5 时，所有 XHTML 都将按照
我得到了一个带有 session 范围 bean 的 xhtml 页面。现在我想在另一个 html 页面中两次使用此页面，一次在屏幕左侧，一次在屏幕右侧。如果我包含它，它指的是同一个 bean，我怎样
就SEO而言，从客户端角度来看，我应该使用XHTML 1.0 Transitional还是XHTML 1.0 Strict？ 为什么有些人仍然使用Transitional？ 如果我们使用“严格过渡”，
我以前只用 p和 span元素...但我一直在插入使用正确的元素，这是我之前没有真正考虑过关于推荐的事情。 这是我想到的... I love your products! Jim Testimo
所有现代浏览器都理解 HTML，所以除了在键盘最右侧编写更多字符之外，兼容 XHTML 的意义何在。 最佳答案 没有一点我能想到的。 W3C 已经取消了 XHTML 2.0，尽管应该有一个 XHTML
我制作了一个 Windows 图标 (*.ico) 并将其命名为 favicon，它是 16 x 16 和 16 种颜色...我已将其包含在链接标签中 但是加载不正确 how do I add a f
我有一个问题: 在 Lift 网络框架 (Scala) 版本中。我得到: Message: java.util.NoSuchElementException scala.RandomAccessS
我已经编写了有效的 XHTML 1.0 Transitional 代码。我想添加社交分享按钮(twitter、facebook 和 google+)，但所有这些按钮都使我的代码无效。有什么解决办法吗？
我想知道在 XHTML 中标记科学名称的最佳方法。 This answer说我应该使用 元素，我不太赞成，当然，除非它是正确的元素。 我可以使用 ，但鉴于 HTML 的第一个用途是标记科学文档，我想
角色属性是否有定义的值，如果有，您能说出它们是什么吗？ 或者我可以为角色属性创建自己的值吗？它们区分大小写吗？它们必须是字母吗？可以有数字吗？ 或者您可以同时拥有定义的值和用户创建的值。 最佳答案 快
分别阅读两者，看起来都一样，html+xml+javascript。 那和有什么区别？有没有？ 最佳答案 XHTML是 w3c标准，一种也严格符合 XML 的 HTML 形式。 DHTML是一个很大程
在使用 XSL 将 XHTML 转换为 XHTML 时，我遇到了 namespace 问题。考虑作为示例输入: Test Remove this 然后
我有以下代码使用 Text.XHtml.Strict 库在 Haskell 中生成一个包含一系列带有 id 和类的 div 的空白 html 页面: module Main where import
我对 IE 的 XHTML 兼容性进行了激烈的辩论。唯一的问题是，我不确定这家伙是不是在挑衅。 从本质上讲，他声称 IE 完全不兼容 XHTML，并且无论使用何种浏览器，具有定义的 XHTML 文档类
我已经为此奋斗了一段时间，但我什至无法弄清楚为什么它不起作用。以这个简单的 XHTML 测试源为例: foobar
虽然不推荐使用 target="_blank"，但为什么 W3C 验证器没有给出关于此的错误？您可以在 validator 中粘贴并检查此代码: Untitled Document Li
是否有可能使 anchor 链接内部没有具有背景图像和固定尺寸的文本，并且仍然适合SEO？ CSS示例: a{display:block;width:50px;height:20px;backgrou
我是一名优秀的程序员,十分优秀！