将我的页面划分为2个垂直列(html或css)

Question

这是我第一次设计一个网站,所以我需要帮助将我的页面分成两个垂直部分.

基本上,我想要这个页面:http://elishaabargel.com/denim和这个页面http://elishaabargel.com/denim2结合起来.我的意思是我想要左边的flash动画以及右边的技术图纸和草图的链接,在页面上.

第一页已包含右侧部分的html和css代码,但它不会出现.

我怎样才能做到这一点？

Answer 1

有很多方法可以将页面分成两部分,您可以使用iframe,div或表格.最简单的是一张桌子.

<table width=100% height=100%><tr><td width=50%>Put page1 here</td><td width=50%>Put page2 here</td></tr></table>

此外,如果您要加载两个完整的页面,最好使用iframe.

<iframe src="pg1.html" style="position:absolute;top:0;left:0;width:50%;height:100%;"></iframe>
<iframe src="pg2.html" style="position:absolute;top:0;left:50%;width:50%;height:100%;"></iframe>

Answer 2

我想我应该在这里添加最div适合我的模板(使用s):

<div id="container" style="width:100%;">                                   
  <div id="left" style="float:left; width:50%;"> This is left panel </div>                     
  <div id="right" style="float:right; width:50%;"> This is right panel </div>                   
</div>                                                                     

您可以width根据需要适当更改css样式选项(如).