Has anyone seen this type of IE display problem?
Example http://xs133.xs.to/xs133/08465/ie_problem910.jpg.xs.jpg
Note that it is doing some sort of word-wrap/duplication when it renders.
The code for the brown box and the text that should be in it is:
<div class='span-23'>
<div class='span-7'>
<div class='info_box' style='height: 30px; padding-top: 10px'>
<div class='span-4'><b>Vehicle Full Term Premium:</b></div>
<div class='span-2' id='veh_ft_prem' style='text-align: right;'></div>
<div class='span-4'><b>Vehicle Written Premium:</b></div>
<div class='span-2' id='veh_writ_prem' style='text-align: right;'></div>
</div>
</div>
</div>
I'm using BlueprintCSS and the info_box CSS class is:
.info_box {
background: #fbe6a0;
color: #222222;
border-color: #222222;
padding:.8em;
padding-right: 0;
margin-bottom:1em;
border:2px solid #222222;}
Hmm.. sorry but I didn't see your problem.. even in IE6.
Well, there are several websites that are very good in CSS issues and etc.
Try http://www.positioniseverything.net is a very good one =D
Sorry if I couldn't help..
Nothing there looks like it even could cause that under the strangest of IE render bugs.
After a bunch of fiddling, it turns out that if you have a hidden object ABOVE the box I showed, that is the cause of the problem.
Sorry I didn't give you more information, but at the time, it did seem exactly as Patrick said and there shouldn't have been a IE render bug.
I hope that helps someone else out there!
Thanks!
Related
I am trying to simulate double clicking on an object in internet explorer.
Here is the HTML code:
<tr class="selected lead" style="height: 19px;">
<td class="sort-column" style="width: 1200px; line-height: 17px; text-indent: 19px;">
<img class="bi-tree-view-expand-icon" alt="" src="/resource/image/bid/triangle_collapsed_16.png">
<img class="icon" alt="" src=" /resource/image/bid/folder_closed_16.png">
My Content</td>
<td class="horizontal-filler" style="width: 100px;"> </td></tr>
And the VBA code (which is currently working):
For Each Btn In IE.document.getElementsByClassName("sort-column")
If Btn.innerText = "My Content" Then
Btn.Click
Exit For
End If
Next Btn
I can see the code pressing my button, but what I need is a double click of the button. Any help is greatly appreciated. Thanks!
I spent some time on this and couldn't find a universal answer. It seems any particular method that fires synthetic events may not work depending on a browser's preferred method, control inheritance, and other factors.
Assuming the event is supported, initialized, and has a listener then one of these may work for you.
If your using Chrome, Firefox, or IE 9 and below
Btn.FireEvents("ondblclick")
Except IE 8 which reportedly wants focus on the object
Btn.Focus
Btn.FireEvents("ondblclick")
And if you're on IE 10+ and above then you'll be more successful with:
Btn.dispatchEvent("ondblclick")
I'll be back after building a project to try these out. In the meantime I hope this points you in a helpful direction.
I'm trying to understand the difference between the two alignment properties start and none. In the demo, both the result looks the same, but what's the difference?
For example for this code:
<div layout="row" layout-align="none center">
<div>one</div>
<div>two</div>
<div>three</div>
</div>
And
<div layout="row" layout-align="start center">
<div>one</div>
<div>two</div>
<div>three</div>
</div>
When we should use start instead of none and vice versa? Here is the link for demos.
Thanks in advance and sorry for my english.
The attribute layout-align set the CSS property justify-content, and since none reverts to default, which is flex-start, and so does start, both render the same result.
So if you want to be sure it is flex-start, choose start.
I noticed a weird issue:
The bootstrap3-grid fails with my fixed header having a class="row".
Any idea how to fix this?
Here is a basic example:
http://jsfiddle.net/EPQqx/5/
Thanks in advance
Found the solution after playing around a little (if anyone has the same problem):
#header{
position:fixed;
width: 100%;
}
The trick is to add bootstrap-container insíde your fixed div like this:
<div id="header">
<div class="container">
[content goes here]
</div>
</div>
I have a problem with a standard Twitter Bootstrap progress bar with some text if it is within <div class="hero-unit">, also standard Twitter Bootstrap class:
<div class="hero-unit">
<div class="container">
<div class="progress progress-striped active">
<div class="bar" style="width: 80%;">80%</div>
</div>
</div>
</div>
Here is a jsFiddle code, that shows the text is not aligned properly.
Why this is happening and how to fix? I've tried to fix it but had no luck.
Thank you.
It is the line-height: 30px on hero-unit which causes the problem.
I've change the code like this:
<div class="hero-unit" style="line-height: inherit">
Of course it is better to assign a class to it, instead of using the style attribute.
I have a page in DW that has a black background. In Design View of the page the page shows as white instead of black. I am not sure why this is. I can add inline styles to the entire page as follows to get the page black:
<body>
<div style="background-color:#000" class="wrap_fullwidth">
<div style="background-color:#000" class="center">
<div style="background-color:#000" class="img-center">
<img src="image.jpg" alt="Image" />
</div>
<p style="background-color:#000"> </p>
</div>
</div>
</div>
</body>
Here is the CSS for the page and the way it normally is:
html, body{
font-size:16px;
font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
line-height:23px;
color:#f3f3f3;
background:#000;
}
.wrap_fullwidth {width:100%; position:relative; float:left;
clear:both; padding-top:20px; }
.center{width:940px; position:relative; margin:0 auto;
clear:both; padding:0px 10px; display:block;}
p{ margin-bottom:20px; text-align:justify;}
.img-center{ text-align: center; }
The design view should show the page as it appears with css etc. I do not understand why the white is showing when the css clearly shows black as a background. The good thing is the page in the browser shows correctly but this makes things a pain if I work in Design View. (Which I do use)
Ideas or thoughts as to how to fix this?
Note: CS5 and CS5.5 did not have this behavior. Only CS6.
It turned out that my Reset for the CSS was causing DW to show a transparent background (thus white) instead of black.
The reset contained this property: background:transparent;
Once I removed that from the reset all worked fine.
Update: I had wondered if the way DW CS6 was reading the CSS if there was a bug or not, after filing a bug report I received this reply:
I was able to reproduce as per your steps and have logged a backlog item for the same. It will be fixed in future release.