|
I have the following snippets in a CSS:
body{
background-color: #f0f0f0;
color: #000000;
}
td.nav{
background-color: #e0e0e0;
}
td.l_col{
width: 25%;
border-right: thin solid;
}
The body backgroung color and the td.nav background color are not set and the right border does not render in IE but renders fine in Opera and FF.
The td.l_col width renders properly in all browsers.
Is there anything I need to do differently in the CSS to get IE to render in a similar manner to Opera and FF? 
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
Unless you develop for some other media than screen, specify the border width in pixels.
Other than that the CSS look all right. How do you use it in the HTML code?
---
b { font-weight: normal; }
|
|
|
|
|
Thanks for the reply.
It is generally not a good idea to specify fixed dimensions.
People set their resolution based on individual preferences and if you try to guess the resolution you will undoubtedly be wrong some percentage of the time.
Having said that I will try a test with a fixed border width but that still doesn't account for the background color not rendering.
Thanks for the suggestion.
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
JimmyRopes wrote: but that still doesn't account for the background color not rendering
That's why I asked how you are using the CSS in the HTML code. It's so hard to help people when you have to guess what they are doing...
---
b { font-weight: normal; }
|
|
|
|
|
Trying to set the background color and color for the body.
...
Trying to set the background color for table cells of a particular class.
...Trying to set the width and right border for table cells of a particular class.
...All of which are working in Opera and FF but not in IE. The width also works in IE but there is no right border rendered.
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
I have tried your CSS with your HTML code, and it works just fine. The color of the border is different in IE of course, as you haven't specified any color at all.
---
b { font-weight: normal; }
|
|
|
|
|
Thank you Guffa. As the saying goes, you are a scholar and a gentleman.
I put a color on the border specification and it now works in IE.
Now comes the rub! The border renders relatively thicker in IE than it does in Opera and FF - at default thickness - which makes my horizontal rules look thin in comparison on IE.
In Opera and FF the thin border specification renders the same as the default HR but in IE the thin border is approximately twice as thick as the default HR.
The other difference is that when I tried the color specification for both the border and HR in the CSS both the border and HR were rendered as specified in IE but in Opera and FF the border was the specified color and the HR was the color I specified in the CSS for the body. This tells me that the body color specification is being applied in Opera and FF but not in IE. I will need to look into that further.
Getting back to the border/HR width rendering differently between browsers since the HR width - the size parameter - is specified in pixels I took your original advice and also set the border width to the same pixel value. As much as I do want to specify relative widths for everything - so the pages scales well at different browser resolutions – there didn’t seem to be a choice for HR size as it is specified in pixels. This made the border specification in the same number of pixels a moot point. In theory they should at least look balanced at whatever screen resolution they are being rendered.
Sounds simple in theory but getting a compromised solution to work in all three browsers remains an enigma as now IE renders the HR size and color specification the way it is specified in the CSS but both Opera and FF do not!
IE renders as specified in the CSS for both size and color specifications but Opera and FF still use the background color and default size (thickness) for the HR but the CSS specified size for the border!
Then there is still that pesky problem with background color. This is the type of problem that drives web developers crazy.
I will have to step back and construct a test page that has nothing more than a table with borders and a HR and see if I can get this all sorted out. I love a good mystery!
Thank you very much for your diligence in helping me find new approaches to this problem. I will have to keep working on it but now I have more insight into the problem, thanks to your help.
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
JimmyRopes wrote: Now comes the rub! The border renders relatively thicker in IE than it does in Opera and FF
That is because the values "thin", "medium" and "thick" doesn't have any absolute thickness specified in the standard. It's up to the browser to determine a proper thickness based on the media where the style is used. The resulting value may differ depending on what the browser takes in account, and what the creators of the browser regards as a "thin" border.
JimmyRopes wrote: The other difference is that when I tried the color specification for both the border and HR in the CSS both the border and HR were rendered as specified in IE but in Opera and FF the border was the specified color and the HR was the color I specified in the CSS for the body. This tells me that the body color specification is being applied in Opera and FF but not in IE. I will need to look into that further.
The hr tag dates back to the time before web pages had layout, and doesn't play very well with modern CSS. All specific attributes for hr are deprecated since HTML 4.0.
---
b { font-weight: normal; }
|
|
|
|
|
I would imagine the problem may lay elsewhere (possibly in the HTML) as IE renders a body background colour just fine. Start working backwards, removing the table and seeing what effect that has. There is also nothing wrong in specifying a width as a percentage (contrary to above comment)
|
|
|
|
|
I am in the process of re-designing the site so it is quite possible that I did make a mistake in my editing. I am validating the code as XHTML, a stricter standard than HTML, so I would have expected the valadion parser to have choked if I made a mistake in formatting.
What has me confused is that the site renders well in Opera and FF but not in IE and I am not using any formatting that is not common HTML.
I am making an async XMLHTTPRequest which is working in all browsers so that is not the cause of the rendering problem (famous last words).
Since the entire page has to be rendered before the body onload event fires triggering the async request it shouldn't matter but I have been fooled into thinking that I know what is going on before. I will take it out for a test just in case it is the cause of the problem.
If that doesn't work I will start to build the page again adding components until I can detect where I am going wrong.
Thanks for the help.
I'm on-line therefore I am.
JimmyRopes
|
|
|
|
|
I have the following regular expression for validating email addresses
/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@
((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])
|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
I would like to use the expression with the javascript 'new RegEx("Insert Regex")' notation. However, I am struggling to format the expression properly when trying to put it inside the quotations.
Can anyone show me how the regexp should look to work with the 'new RegExp()' notation?
Thanks in advance
|
|
|
|
|
If you want to use the new keyword to create the RegExp object, you just use the pattern from the regular expression:
new RegExp('^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@
((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])
|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$')
Why do you want to use the new keyword to create a RegExp object, when you already have one?
---
b { font-weight: normal; }
|
|
|
|
|
My program needs to receive notifications when cookies are set in IE and when they are read by websites. Is this possible with a Browser Extension in IE?
Thank you very much
Rich
--------------------------------
"All that is necessary for the forces of evil to win in the world is for enough good men to do nothing" -- Edmund Burke
|
|
|
|
|
Google would give a good result for a question like this.
Brad
Australian
"The Probability of you doing that makes 0 look like a big number" - My Mate Oxley
|
|
|
|
|
Hi.
How can I transform this javascript code
function insRow()
{
var x=document.getElementById('myTable').insertRow(0)
var y=x.insertCell(0)
var z=x.insertCell(1)
y.innerHTML="NEW CELL1"
z.innerHTML="NEW CELL2"
}
| Row1 cell1 | Row1 cell2 | | Row2 cell1 | Row2 cell2 | | Row3 cell1 | Row3 cell2 |
so values NEW CELL1 and NEW CELL2 can be inserted by user in two different textboxes.
|
|
|
|
|
Firstly the removed in your Insert row button should be onClick. That's the event that gets called when you click the button, and executes your insRow() function.
It not clear to me what you want when you say "so values NEW CELL1 and NEW CELL2 can be inserted by user in two different textboxes".
With onClick instead of removed in your button, the code inserts a two new cells into your table. Are these the two different textboxes you are refering to?
If not then you need to add them to your page, either using javascript or as HTML tags, similar to the way you created the button. Then, assuming that the textboxs you add have ids of textbox1 and textbox2, it's just a matter of adding statements like this to your insRow() function:
textbox1.value = "NEW CELL1";
textbox2.value = "NEW CELL2";
|
|
|
|
|
sorry, some nested html messed up my last post about this. Heres my 2nd attempt to post this.
*******************************
Hi,
I have text like this:
text that is very very very long and this text on same line to follow ellipsis
It needs to be displayed in Intenet Explorer like this:
text that is ... and this text on the same line to follow ellipsis.
I have tried div and span tags, all give me the same problem, either the text has a line break after ellipsis, or the text does not break, but there are no ellipsis.
What I've tried:
1.
<nobr><div style="width:30px;display:inline;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"><nobr>text that is very very long</nobr></div><nobr>and this text on the same line to follow ellipsis</nobr></nobr>
2.
<span style="width:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden>text that is very very long</span>and this text on the same line to follow ellipsis
I am trying to avoid doing this on the server to keep it more efficient.
Any help appreciated.
Thanks.
-Shefali
|
|
|
|
|
shefali_sinha wrote: text that is very very longand this text on the same line to follow ellipsis
Try:
<span style="display:inline-block; width:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;">text that is very very long</span> and this text on the same line to follow ellipsis
Note: this will only work in IE. Mozilla does not support either display:inline-block or text-overflow:ellipsis. Opera does support display:inline-block, but not text-overflow:ellipsis, so the first text will be cut off, but there will be no ellipsis between it and the second text.
|
|
|
|
|
We have used Ocx Controls in the Web Pages. These ocx controls are built in Visual Basic 6.0. These OCX controls are embeded in <object> tags in the ASP Web pages. For the application to run, security settings in the "Internet Options" are defaulted to low and all the options concerning the Activex Controls are enabled. And now when an Internet explorer Update is done all the Activex Controls fail to Load.
Is there any way that we can stay current with the version update of IE and still make Ocx controls to load in the web pages?
if anybody has evolved a workaround to solve the problem of "OCX controls not loading" please reply to the post.
Thanks in advance
|
|
|
|
|
Hi,
I am having the following issue with html pages which i stored in one location.
When I tried to open this html pages from the given hyper link,it is opening but closing the window automatically after some time..
How to resolve this..How to make the opened pages stay in place with out closing automatically..
Any idea is much appreciated..
Thanks,
RPM.
|
|
|
|
|
Can you please post the HTML code here, and do you receive any massages when it is closing?
Brad
Australian
"The Probability of you doing that makes 0 look like a big number" - My Mate Oxley
|
|
|
|
|
Brad,
Thanks a lot for your reply..Kindly requesting you for one day so that I will get back to you with the html pages..
Thank You,
RPM.
|
|
|
|
|
Dear all,
Why my webserver cann't run even HTML pages?
it run so slow till error page occured.
please tell me the problem
thanks
Hy Chanhan
|
|
|
|
|
You'd have to contact your webmaster/web host.
|
|
|
|
|
Thanks you,
MatrixCoder
I'm success now.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
