通过其他固定位置 DIV 的高度调整 DIV 元素的 MARGIN-TOP 值(由浏览器改变 window WIDTH)

Adjusting DIV element's MARGIN-TOP value by the HEIGHT of other fixed-positioned DIV (that changes by the browser window WIDTH)

您好所有网络编辑专家!我有点“另类”问题:::

首先,这是我的网页,我需要帮助调整元素的高度和边距::: www.rebelrock.fi。请先在另一个浏览器中打开该网页window!

所以有三个 DIV 参数带有参数 position: fixed 的元素; MENULOGO底部 FOOTER.

我的问题是 LOGO 包含 DIV(在页面顶部,MENU 正下方)和主页内容 MARGIN-TOP定位.

所以随着浏览器windows尺寸(实际上是WIDTH)变小,某一时刻上面固定位置DIV的REBELROCK .png文件LOGO IMAGE会开始自动调整该徽标图像的宽度和高度。当徽标变小(宽度和高度)时,DIV 的高度(徽标在其中)也会变小 – 这正是我想要的。

但是,可垂直滚动的非固定主要内容,尤其是该内容的MARGIN-TOP值将不会随着上面FIXED标志DIV的高度变化而调整,造成不必要的space 在固定徽标 DIV 和页面主要内容之间。

所以我的问题是; 如何根据其上方DIV 徽标高度的变化来更改主要内容元素的页边距顶部值?

如您所见,到目前为止,这些页面几乎还没有完成,但我首先想让所有基本 HTML/CSS 变得完美,直到开始向网站添加更具体的详细内容。该站点本身最初是 ADOBE DREAMWEAVER 的模板,但这在这里并不重要

我真的希望这里有人能帮助我。

提前致谢!

 Yours, Tommi Tiihonen
 e-mail: tommi.tiihonen@gmail.com

我的网页:www.rebelrock.fi

提供源代码以更改您网站上的编辑