0

所以,这很烦人。一直试图让它工作太久了,我只是看不出它为什么不能工作的任何原因。

我正在尝试使用我的 *.css 定位一个 div,但它似乎没有使用它。不过,它将它用于我的其他 div。

这里有一些代码给大家看:

<div id="projRight">
    <!-- Project header -->

    <?php
    echo '<div id="projHeader">'.$showproject.'</div>';

    if($proj["description"]) echo '<br /><div id="projDesc">'.$proj["description"].'</div>';

    ?>


    <div id="projRightMid">
        <a href="javascript:animatedcollapse.toggle('projTeam')"><h3>Project Team</h3></a>
        <div id="projTeam">
            3D Artist: Stian Berg Larsen
        </div>
    </div>

    <div id="projRightBottom">
    Test div...
    </div>
</div>

 

#projRight{
position:absolute;
right:10px;
top:10px;
width:353px;
height:388px;
}

#projRightMid{

}

#projRightBottom{
position:absolute;
bottom:10px;
right:10px;
height:90px;
width:300px;
background-color:#00FF00;
    font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
}

#projTeam{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#666;
}

编辑:我遇到问题的 div 是#projRightBottom、#projTeam。

这是我想要的截屏视频: http: //screencast.com/t/g0QDkJVtKt 这是单击项目时加载的 iframe。

-Left side contains main video/image.
-Right side contains:
   -Project title (top)
   -Description (top, below header)
   -Similar buttons (bottom, above Project team) {opens a new page}
   -Project Team (bottom, above the devider and other images)(clicking this opens the div, revealing the team. (how do I make it slide up, and not down? Using this: http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm
   -Divider (dividing top content from the 3 other images at the bottom)
   -3 images (at the bottom. 3 more images from the project).

现在,我只是想把它全部设置好,以便它在正确的地方。然后在我进行时填写内容。

4

2 回答 2

0

好的,斯蒂安,这就是我要开始的。

我使用边框来帮助您了解什么是什么。

http://jsfiddle.net/KGupZ/1/

希望对你有帮助!

于 2012-07-19T09:44:30.347 回答
0

我不确定您指的是哪个 div。

为了使用position: absolute你必须有一个 div(holder) 和position: relative;. z-index也可以很好地解决您的问题。

于 2012-07-19T07:19:54.870 回答