Html 奇怪的Joomla元素放置错误(css错误?)
在这个网站上:右边的边栏放在主要内容下面。这当然不应该发生 但这是整个网站上唯一发生这种情况的页面。我找不到区别,也不知道哪里出了问题 我真的很感激你帮我纠正这个错误 编辑:所用模板的index.php如下所示:Html 奇怪的Joomla元素放置错误(css错误?),html,css,joomla,Html,Css,Joomla,在这个网站上:右边的边栏放在主要内容下面。这当然不应该发生 但这是整个网站上唯一发生这种情况的页面。我找不到区别,也不知道哪里出了问题 我真的很感激你帮我纠正这个错误 编辑:所用模板的index.php如下所示: <?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www
<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="shortcut icon" href="templates/<?php echo $this->template ?>/images/favicon.ico" />
<?php if($this->countModules('left and right') == 0) $contentwidth = "100";
if($this->countModules('left or right') == 1) $contentwidth = "80";
if($this->countModules('left') != 0) $contentwidth = "81";
if($this->countModules('left and right') == 1) $contentwidth = "60";
?>
</head>
<body>
<div id="page-outer">
<div id="top"><jdoc:include type="modules" name="top" style="xhtml"/></div>
</div>
<div id="page">
<div id="header"></div>
<div id="shadow"><div class="shadow"><jdoc:include type="module" name="breadcrumbs"/></div></div>
<div class="inside">
<div id="sidebar">
<div class="insideleft"><jdoc:include type="modules" name="left" style="xhtml"/></div>
</div>
<div id="content<?php echo $contentwidth;?>"><jdoc:include type="component" />
<div id="footer">©Bündnis 90 die Grünen <?php echo date("Y",time());?></div>
</div>
<div id="sidebar-2">
<div class="insideleft"><jdoc:include type="modules" name="right" style="xhtml"/></div>
</div>
</div>
</div>
</body>
</html>
检查页面html源上的div控件位置
内容60和
边栏-2
我认为使用divcontent60的模块有一个html中断。所以首先检查html
希望这对你有帮助
谢谢首先,您有了基于表格的布局。其次,你的div#sidebar-2在div#content60中。移除div@sidebar-2在HTML标记中删除div#content60
比如这里的gruene-chemnitz.de,div#sidebar-2在div#content60之外,这两个与div#sidebar一起是div的子项。在div内部几乎所有在特定页面上出现的模板崩溃都可以追溯到文章或模块中的无效html
在您的内容中,看起来您关闭了一个未打开的div-然后浏览器会将其解释为早期div以及关闭一些中间td标记和其他内容-基本上将您的模板拆开
最简单的修复方法是查看文章中的源代码-在所见即所得编辑器中,计算打开div的次数和关闭div的次数
要让您了解在何处查找,请使用html验证程序:
首先是基于表格的布局。其次,你的div#sidebar-2在div#content60中。移除div@sidebar-2删除HTML标记中的div#content60。请参阅问题中的“我的编辑”。首先:我没有看到那里的表格,从我看到的情况来看,侧边栏2已经在内容区域之外。你的链接“”和上面的代码不匹配。这就是用开发工具查看IE9中链接的内容在这里,你没有任何问题,因为边栏确实浮动到内容的右侧,你有以下结构这里边栏-2在content60之外你想要代码的图片吗?