布局问题与CSS和jQuery

我尝试布局一个网站，并得到一个奇怪的错误与Firefox 10.0.9。在IE8中一切正常。布局问题与CSS和jQuery

我想要2侧布局：用100％的高度和200像素widght左元素。（framecontentLeft） 100％高度和最大宽度的右元素。（framemaincontent）

问题是，jQuery Tab顶部栏将与完整的framecontentLeft高度相同。

修订版CSS：

body, html{ 
height: 100%; 
} 
#framecontentLeft {   
float: left; 
min-height: 100%; 
height: auto !important; 
height: 100%;   
width: 200px; 
} 
#framemaincontent { 
height: auto !important; 
min-height: 100%; 
width: auto;   
}

它必须是一个非常黎民错误，但我不明白这一点。

感谢您的帮助。 HUGI

来源

2012-12-10 user1482309

这是一个CSS问题......你设定的* *什么高度为百分比，但百分比？需要记住的重要事情是CSS级联，因此每个元素都从父级继承。要设置基于百分比的高度，父元素必须设置高度。在这种情况下，记住在'body'和'html'上声明一个高度很重要。我更新了你的代码：http://jsfiddle.net/k2Crf/16/ – ahren

谢谢，你是对的。我在原始代码中有这个。大大减少。但与jQuery的问题是一样的。我不知道如何在Fiddle中启用jQuery。 jQuery Tab的顶部栏与左侧div（100％）的高度相同。 – user1482309

你也可以使用这个jquery插件。 http://welcome.totheinter.net/columnizer-jquery-plugin/ –

我发现了错误描述：http://bugs.jqueryui.com/ticket/5601

对此的解决方案是将操纵为制表UI元素的CSS： $（ “翼片 ”）的CSS（“ 浮动”，“左“）;

它适用于我。

来源

2012-12-10 12:14:36 user1482309

布局问题与CSS和jQuery

回答

相关问题