Question

我正在尝试使用以下代码实现此目的。关于我可能做错的任何想法。它可以在Dreamweaver中工作（甚至在实时视图中都没有考虑过），但在Safari和Firefox中会粘到顶部和左侧。

我还尝试将标头div替换为包含tr / td的表格，其中包含垂直对齐：底部没有运气...我最重要的是希望学习如何将内部（绝对定位）div放置在外部（相对定位）div的底部。

使用热点的（现在）网站可以在http://jjayladslair.com看到，以了解我正在努力实现的目标。我想将3个对象从底部放置15％，将45％放在容器的左边，而不是在平顶的标头（单个）图像上使用Dreamweaver的可怕热点。（之前已经提出过这个问题，但没有解决方案可行，所以我开了一个新线程。）

CSS：

#3_objects_finally {
    left: 45%;
    position: absolute;
    width: 286px;
    bottom: 15%;
    list-style-type: none;
    display: inline;
}

#masthead_test {
    height: 132px;
    width: 1021px;
    background-image: url(images/new_masthead.gif);
    position: relative;
}

HTML：

<div id="masthead_test">
    <div id="3_objects_finally">
        <ul>
            <li><img src="images/websites_button_new.gif" width="286" height="31" /></li>
            <li><img src="images/mobile_button_new.gif" width="286" height="31" /></li>
            <li><img src="images/SEO_new_button.gif" width="286" height="31" /></li>
        </ul>
    </div>
</div>

Answer 1

ID和类名称不能以数字开头。

这就是＃3_objects_finally的样式无效的原因。

无法将div放在其包含div的底部

1 个答案: