English 中文(简体)
c 两栏的行文——右栏的一部分放在左栏以下
原标题:css two column layout with footer - part of right column is placed below left column
  • 时间:2010-01-15 08:09:35
  •  标签:
  • css

I m试图用脚.打两栏。 现在,结果为头痛; 实际上,我不很熟悉。 我倾向于执行商业逻辑。

在实际布局中,有一个问题,即右栏在左栏完成后将置于左栏之下。 现在,我花了几天时间讨论这个议题,我似乎需要一些真正有经验的专家的帮助。 对他们来说,这项任务很可能是一分钟的工作。

我上载了页的简略版本,你看到,右栏的过滤器打开后,左边的灰柱不会增加。 因此,右栏的表列于左栏。 我试图将左栏或右栏放在相对或绝对的位置上。 但是,当右栏的规模扩大,从而重叠时,脚步不会缩小。

Hope to find some help here. Thank in advance.

Here you can find the page: link

栏目在结构.c中界定。 有待研究的事项

_#container .c_left
_#container .c_right
#container .c_footer

Edit: 问题在每个浏览器中发生。 因此,没有IE6问题。 确切地说,设计 b。

最佳回答

[删除我的子弹点——最好在html中显示。]

在这里,你可以按照要求调整:

<body> 
<div style="min-width:400px;">
 <div style="float:left; background:red;height:200px; width:200px;">left column</div> 
 <div style="overflow:hidden; height:300px; background:blue; color:white;">right column</div> 
 <div style="clear:both">&nbsp;</div> 
 <div style="background:black;color:white">footer</div> 
</div>
</body> 

我早就看到了四分五裂的高度,这只是为了证明明显干 d迫使 foot倒的效果。

问题回答

请在请社保局提问时说明您的浏览器和版本号码。

i 认为问题发生在IE6? 宣布右栏左边,同时在右栏四后增加一只空洞。

<div class="left-col">abc</div>
<div class="right-col">def</div>
<div style="clear:both;"></div>

你们需要知道的还有一些事情,6 IE6不支持采矿,而是使用高,或者根本不宣布高。

欢迎E6号文件。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签