CSS / HTML& Weebly-Exported Site的浏览器问题

时间:2013-07-12 21:33:00

标签: html css cross-browser

我是密歇根州立大学专业本科组织的一员,希望在我们大学的服务器上保持其网站,部分原因是.edu网址看起来很专业。但是,我们希望允许我们组织的各个成员编辑网站,这使情况复杂化,因为我们组织中的每个人都不具备HTML / CSS的编程技能(我们的大学阻止所有个人和组网站空间使用服务器端脚本)

我发现的一个可能的解决方案是使用Weebly's网站生成服务。 Weebly的一项功能位于Settings > Archive/Un-publish下,允许用户在通过Weebly的GUI操作网站后下载该网站的.zip文件。这样的解决方案将允许我们没有专业知识的成员编辑HTML / CSS,只需通过Weebly编辑网站,下载它,然后将其上传到我们大学的服务器。

问题如下:无论出于何种原因,在执行此操作后,部分网站在某些浏览器中无法正确呈现。特别是在Internet Explorer和谷歌浏览器中(虽然在Safari或Firefox中),每个页面的主要内容区域中的两列是垂直居中的。这在我们的constitution webpage中最明显,因为宪法的相对长度导致了会议"侧边栏位于页面的下方。您可以将此与Weebly site上相同页面的呈现进行比较,其中不会出现问题,并且会议"会议"侧边栏位于页面顶部,,无论浏览器

有谁知道为什么会出现这种情况以及是否有一个简单的解决办法?如前所述,我们希望出于专业原因在我们大学的服务器上维护网站,因此将网站维护在Weebly并将.edu地址重定向到Weebly网站是不可取的。

1 个答案:

答案 0 :(得分:2)

表格中的td项:.wsite-multicol-col需要设置为vertical-align:top。垂直对齐到表格的顶部。

在过去,回来的时候......你可以在标记中做<td valign="top"> - 但这不再有效,我们可以完全通过.css文件来控制样式。 / p>