我有一个记录管理Web应用程序,它在一个屏幕上显示一个主记录,AJAXes动态构建编辑器到一个编辑器div,我用JQuery来制作可拖动的.这样可行.
即使div不是一个窗口,我认为让它更像一个窗口可能是一个好主意,所以我用"关闭"按钮进行编码.结构如下所示:
<div id="editor">
<div id="draghandle" />
<div id="closebutton" />
<div id="editorbody" />
</div>
Editorbody是可变维度的,取决于人们想要进入的内容.
Draghandle的宽度设置为编辑器的100%.Closebutton在CSS中设置为float:right.
我的问题是,在IE6和IE7中,关闭按钮浮动得太远了.它总是在窗口的右边缘,无论我在哪里拖动编辑器div.在Firefox和Safari中,它看起来像我预期的那样 - 窗口和编辑器一样宽,而按钮位于右上角.
我并不特别喜欢浮动:对,只是想找到一种方法来设置CSS,它会在所有浏览器中给出相同的结果.有任何想法吗？
这是我想在jsbin上做的一个模型(谢谢,redsquare)
我正在使用法律敏感信息,因此我无法提供该应用的屏幕截图.但是,我拍摄了一些照片并屏蔽了文本和界面,只留下了窗口结构.
css jquery css-float internet-explorer-7 internet-explorer-6
我正在调试其他人的代码,用于使用带有一些javascript效果的ASP.NET制作的网页.这是我们预先填充可编辑数据的表单,其中一个文本框的填充值不正确.
我知道文本框在后面的代码中填充了正确的值,但是在那里和浏览器之间它会被覆盖.
在试图找出发生的地方时,我遇到了一个有趣的情况.如果我右键单击有问题的元素并选择"查看页面源",我可以向下滚动到该元素并查看
<input name="RecurrenceProperties$TextBox57" type="text" value="HEY ITS THE RIGHT VALUE" id="RecurrenceProperties_TextBox57" />
但是渲染的html和IE开发人员工具栏中的错误值.
这似乎是一个线索,但我不知道"查看源"如何工作来告诉窗帘背后发生了什么.在生成"查看源"源和实际呈现的页面之间会发生什么？
编辑:我发现错误的地方是在javascript中出现ID的所有地方都有一个断点(不是很优雅,但我找到了它).
禁用javascript和使用IE8的建议非常有帮助.谢谢.
由于会话对象,我的所有multpile选项卡浏览器都有问题.我要求每当用户打开新浏览器时我需要显示不同的值,所以我想在IE 6中使用Session,每个浏览器都会创建一个新会话.但所有其他多个选项卡浏览器IE 7和IE 8和FF共享会话(如果用户已经打开浏览器并尝试打开不同的broswer).有人可以告诉我如何在用户打开新的浏览器窗口时创建新会话.我的应用程序基本上是在ASP.NET和服务器端我们有VB.NET.
.net firefox cross-browser internet-explorer-8 internet-explorer-7
我正在尝试调试一个庞大而复杂的webapp,它大量使用DIV,AJAX,动态HTML和服务器端代码来完成它的工作.
在正常操作下我们没有问题.但是,当我们将webapp放入IFRAME时,某些功能会触发IE7中的崩溃,导致浏览器无法运行(所有CPU都使用).
有哪些工具可以帮助追踪可能发生的情况？将IE进程加载到调试器中可以获得有关寄存器的各种有趣信息,但我认为问题出在javascript中.
我们已经跟踪了一个问题,即已经涉及到错误重新定位元素的应用程序(window.代替了自己的东西document.)
我编写了一个测试IFRAME页面,将iframe的innerHTML转储到textarea中,因此可以在各种状态下进行比较,但这只能显示静态属性,我无法分辨哪种javascript事件与元素相关联或确定如果一个处理程序正在反转.
IE8,Firefox,Chrome等没有相同的行为.
理想情况下,我想要一些让我在已知良好状态下快照DOM(或javascript VM？)的东西,然后"就在它发生之前",这样我们就可以找出添加/删除/丢失/不同的内容.有什么？
更新:我现在正在尝试使用IE Developer Toolbar来跟踪它.
更新2: IE7崩溃发生在此AJAX代码之后:
function Sys$UI$Control$get_element() {
/// <value domElement="true" locid="P:J#Sys.UI.Control.element"></value>
if (arguments.length !== 0) throw Error.parameterCount();
return this._element;
}
这return this._element;条线是我失去IE之前发生的最后一件事.
我需要在网页上插入一个Hack,所以它在IE7.0上工作得很好但是我对我做事的方式有问题.应该很简单.
实际的CSS代码如下:
<style type="text/css">
body { margin:0;}
#home_splash { background-image:url(homeimages/image-background.jpg);background-repeat:repeat-x; background-position:left top;}
#home_splash #home_text { height:470px; padding-top:25px;padding-left:38px; }
#home_splash #home_text_1,
#home_splash #home_text_2 { display:none; }
#home_splash #home_text_1 { width:172px; height:58px; top:0px; left:70px; position:relative; background:inherit; background-position: -70px 0px; }
#home_splash #home_text_2 { width:212px; height:27px; top:460px; left:868px; position:relative; background:inherit; background-position: -868px -460px; }
#home_splash {background-color:#d1d1d9;margin-top:-15px; background-repeat:repeat;width:100%; }
#home_splash .picture { background-image: url(homeimage/image.jpg); width:960px; height:520px; display:block; margin-top:20px; margin-left :auto; margin-right:auto; }
#home_splash #boxes { margin-left:auto; margin-right:auto;padding-top:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-size:12px; …html css cross-browser internet-explorer-7 internet-explorer-6
完整的CSS文件:http://pastebin.com/9LjYjiUF
.body-content{
background-image: white url("images/content-bg.gif");
background-repeat: repeat-y;
background-position: left bottom;
}
这是html:
<div class="content-bead bg2 rockwell">
<div class="body-content">
<div class="body-content-sub">
<div id="content-left">
</div>
<div id="content-main">
</div>
</div>
</div>
</div>
==更新了css ===
background-image: url(images/content-bg.gif);
background-repeat: repeat-y;
background-position: left bottom;
background-color:#FFFFFF;
仍然没有什么我不能得到背景图像.上
html css background-image internet-explorer-7 internet-explorer-6
我的横向滚动不工作即7.我的代码如下
.twitter_inner
{
position: relative;
overflow:auto;
overflow-x:scroll;
overflow-y:hidden;
width:135%;
}
$("body").delegate('area[id=area_kontakt]','mouseover mouseleave', function(e){
if (e.type == 'mouseover') {
$("#kontakt_tip").css('display','block');
} else {
$("#kontakt_tip").css('display','none');
}
});
为什么这段代码在IE7中不起作用？在IE8,FF,Ch一切都OK.有帮助吗？
问候.
我刚刚使用HTML4和CSS创建了一个干净的网站.这在Chrome和Firefox中运行得非常好.我还使用W3C CSS验证器检查了我的网站,并修复了显示的所有错误和警告.但是,当我检查IE7时.该网站完全错位并且不合适.
是否有HTML和CSS验证器,它还检查ie7兼容性？
我正在努力使标准网站响应.到目前为止它适用于IE9,Firefox和Chrome,但它在IE7和IE8中都失败了,即使是内联黑客:
http://surfingthebluemarble.com/rtest2.html
发生的事情是,在IE7和IE8中,当div达到99%宽度时,div无法堆叠.
一如既往地感谢您的帮助.
umbre