适合股利到屏幕上，但扣除左边距

我有下面结构适合股利到屏幕上，但扣除左边距

<div class="mybox"> 
<div id="imageslide"> 
    <a href=""><img src="url" /></a> 
</div> 
</div>

它固定的位置和左：300像素;意味着它将在300px之后从左侧开始，现在我想让mybox div宽度填充屏幕的剩余空间。所以我可以使用100％来使用#imageslide，它使用一些JavaScript来适合该div的图像。

全部在一个我想让mybox或imageslide在300px之后从左边开始，并且与屏幕的剩余宽度匹配，并且图像也应该与容器相适应。

更新：

将包含图片的宽度和高度parrent DIV #imageslide的100％，所以我无法用CSS来覆盖。我可以删除另外添加的mybox div来尝试使用css。我试过css，但没有奏效。

这是网站的URL ---------------- http://saltaa.com/

所以这里的主页大滑块我婉设置是一种方式，以便它会在左侧菜单栏后面开始，图像将根据屏幕尺寸在宽度和高度上适合。

这真的很奇怪。谁帮我找到解决办法我不知道他/她为什么取消了答案，可能是他对我投反对票。它很奇怪。至少他/她会允许我检查我的文件，而不是接受答案。

来源

2012-06-17 Code Lover

好了，但平时我关注到，只要它为我的作品接受的答案。 –

这不是坏事，但它并没有解决我的问题。 –

好吧感谢您的评论，并会尝试发布很好的答案 –

试试这个：

.mybox { 
    position: absolute; 
    left: 30px; 
} 

var w = $(window).width() - 30; 
$('.mybox').css("width", w)

http://jsfiddle.net/X5PPP/1/

来源

2012-06-17 12:34:16 undefined

我知道这可能是令你沮丧的是你所有的专家，但我不知道注意到工作。即使这个简单的js应该工作在反正这也不起作用。让我提交所有代码来诊断错误。我相信我要么做错了，要么提供不完整的信息。 –

这应该工作：

div.mybox { 
    position:absolute; 
    left: 300px; 
    width:100%; 
    height:100%; 
} 

#imageslide { 
    left: 300px; 
    width:100%; 
    height:100%; 
} 

img { 
    left: 300px; 
    width:100%; 
    height:100%; 
}

来源

2012-06-17 12:17:47 vijay

它不工作 –

我想你想要别的东西。我已经编辑它。请看看。即使它不起作用为你详细解释你的问题。 – vijay

@pixelngrain它不工作是不是问题的整个解决方案告诉你在哪里得到问题。加入一些努力 – 2012-06-17 12:31:51

适合股利到屏幕上，但扣除左边距

回答

相关问题