2012-04-12 68 views
-1

我试图得到一个分区,当点击时,显示自身并下降到菜单下,但是,我无法让它下降到我需要的方式。这是我第一次真正玩弄这样的事情,所以我不确定需要做什么。下降分区

在几个堆栈用户的帮助下,我已经得到了div的下拉,并像我想要的那样显示自己,但问题是我已将它设置为绝对位置,而不是将内容推到下面它为它腾出空间,它只出现在菜单下面的任何地方。 (见截图)

这是隐藏菜单:

menu up

这是菜单透露:

enter image description here

我运行到另外一个问题,我不100%确定的解决方法是我使用的是网格系统,并且标题部门为徽标保留了3列(左上角为模糊),并且为导航菜单保留了9列。这是一个问题的原因是因为“菜单内容”部分 - 显示的部分 - 位于导航部门(9列)下的列表中。我不确定是否有可能,但我希望能够跨越整个12列(978px)。

我知道这可能很难遵循,所以我会发布我的CSS/HTML在下面的pastebin。

-removed-

这应该就是一切。我试图削减我的CSS到标题中使用的部门。感谢Brian的帮助。

+1

如何查看该页面存活?我们无法重现您的PHP代码和图像。提供直接的网址。 – 2012-04-12 16:43:49

+1

您的网站在IE,Firefox和Chrome中显示完全不同。你需要先解决这个问题。除此之外 - 您的登录提示似乎很好显示。使用绝对定位没有任何问题。请更加简洁明确地表达你的想法。 – 2012-04-12 16:52:53

+0

是的,我知道。至于登录表单,它显示正常。但是我打算为下拉的其他导航链接提供更多内容。如Hub链接和精选等等。所以,我需要将内容与它一起向下移动。登录表单很小,所以它恰好适合,但其他链接将具有不会的图像和内容。所以需要为他们腾出空间。 – itsbc 2012-04-12 16:55:07

回答

1

如果您想使用slideToggle功能,您的div应该是彼此独立的,否则将效果应用于一个div会转移另一个div。

一致的结构是解决问题的关键。