帮忙看一个关于css的问题。

[joynic]

文章页面标题底下的“作者／时间／点击”还有一排收藏图标在mac的safari下浏览死活显示不出来。谁帮忙看一下是哪一块出了问题。ie和谷歌浏览器都没问题。列表页也有错位，还没调过来，这个是默认模板就是错位的。囧

网站没做几天，以前没接触过dedecms，也是平生第一次做网站。

http://www.fj-tea.com

[lianghai]

在我这里可以正常显示那两排东西啊，自救成功了？
那个错位，不知道正确的排版该是什么样的，但感觉好像把“[国内资讯]”那些标签的 line-height 改到和 a.title 一样就对了。

另外，现在的 font-family 有问题，如果还是要保持这些字体的话，建议改成：
"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft YaHei",sans-serif;
在 Windows 下如果这些字体都没有，会自动调用 fallback 的宋体（中易宋体）的，在 Mac OS X 下如果没有前两个中文字体，会自动调用黑体-简（华文黑体）。

[joynic]

@lianghai 真的非常感谢^_^那个显示问题，在我的电脑上还是存在，依然是IE和谷歌可以看到（THINKPAD），safari还是看不到（IMAC）。既然你能看到，那估计是我电脑有问题了。

错位的问题，我试着按你指示的把line-height调成一致，没有反应。

字体问题，我现在是直接去掉字体定义了，不知道问题大不大。再次表示感谢。

[lianghai]

可以把在 IE 下显示的标准形态截图发上来吗？

嘿嘿字体那事，其实 Project Babel 2 的 font-family 实在不适合这样一个网站，去掉也好。

[joynic]

@lianghai

^_^发个别人网站的图。

http://cl.ly/1k3r3P3b1640420e2J1M

[lianghai]

@joynic 是这样的效果？……那现在这个对齐问题完全是因为你在 dedecms.css 的第 164 行加了 float: left 啊……

[joynic]

@lianghai 问题果然是在那个float: left 不过奇怪的是，默认模板就是这样写的。我现在把float: left 去掉，列表页是不错位了，但是头部LOGO和它右边的BANNER错位了：（所以我只好又调回去了。好人做到底，你再帮忙看一下，应该怎么改哦^_^THANKS

[lianghai]

@joynic 只要把那个 CSS 选择器“.header .title”改成“.top .title”就可以解决这个问题（现在是本来只给左上角那个 logo 提供样式的 CSS 语句错误地选择了更多东西）——但我感觉似乎根本原因在于你修改代码的时候把 <div> 的嵌套关系弄乱了，<div class="header"> 的闭合标签丢失了，于是它错误地包含了整个网页的内容，建议排查一下。

[joynic]

@lianghai 哥你太强了。真的是漏掉了一个</div>，现在可以了。谢谢。

[lianghai]

@joynic 作为一个玩票新手，我对此夸张评价表示淡定～
大概 V2EX 的大牛们都不愿意花实践解决这种简单的问题了……—__—