CSS Div对齐问题

时间:2013-05-13 13:44:02

标签: css html alignment

我一直在努力帮助我的朋友完成他们的小网站并且真的很挣扎,我已经迷失了整个网站并尝试了不同的CSS,但只是让自己卡住了,真的很感激任何帮助!基本上这个网站就坐在这里

http://213.229.123.200/~conceptp/test/

我一直在尝试通过源代码和CSS重新安排div,以便将所有内容定位,以便它就像这个示例截图

http://213.229.123.200/~conceptp/test/example.jpg

我正在使用左侧的表格,并在右侧的div中显示一些文字和视频。

同样只是让页脚相对于页面结束而不是固定位置也不正确因此页脚间隙:/

我相信对于那些知道如何但我被困住并会欢迎任何帮助的人来说会很简单!

谢谢

克里斯

1 个答案:

答案 0 :(得分:0)

嗯,你的问题太宽泛了,但是从快速查看它,你需要使用位置相对和更多的absoulte。

另外,在联系表单和信息的周围,您需要修复这样的html以使它们彼此相邻

<div class="informationContactContainer">
    <div id="contactForm" style="float: left; width:50%">
        ...
    </div>
    <div id="information" style="float: left; width:50%">
        ...
    </div>
</div>

并在类.prev和.next上使用绝对位置

之类的东西
position: absolute; 
top: -10px;