Re: IE not rendering consistantly with Opera and FF - Web Development Discussion Boards

Re: IE not rendering consistantly with Opera and FF

JimmyRopes22-Nov-06 16:02

22-Nov-06 16:02

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

Re: IE not rendering consistantly with Opera and FF

Guffa22-Nov-06 18:52

Guffa

22-Nov-06 18:52

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; }

Re: IE not rendering consistantly with Opera and FF

JimmyRopes22-Nov-06 19:39

JimmyRopes

22-Nov-06 19:39

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

Re: IE not rendering consistantly with Opera and FF

Guffa22-Nov-06 21:30

Guffa

22-Nov-06 21:30

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; }

Re: IE not rendering consistantly with Opera and FF

JimmyRopes23-Nov-06 5:13

JimmyRopes

23-Nov-06 5:13

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

Re: IE not rendering consistantly with Opera and FF

Guffa23-Nov-06 7:36

Guffa

23-Nov-06 7:36

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; }

Re: IE not rendering consistantly with Opera and FF

Johnny ²22-Nov-06 14:00

Johnny ²

22-Nov-06 14:00

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)

Re: IE not rendering consistantly with Opera and FF

JimmyRopes22-Nov-06 14:31

JimmyRopes

22-Nov-06 14:31

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

javascript 'new RegExp()' notation

pint_of_best22-Nov-06 0:31

pint_of_best

22-Nov-06 0:31

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

Re: javascript 'new RegExp()' notation

Guffa22-Nov-06 5:46

Guffa

22-Nov-06 5:46

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; }

IE Extension

Richard Andrew x6421-Nov-06 3:02

Richard Andrew x64

21-Nov-06 3:02

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

Re: IE Extension

Bradml21-Nov-06 22:16

Bradml

21-Nov-06 22:16

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

Script question....

KORCARI20-Nov-06 21:44

KORCARI

20-Nov-06 21:44

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.

Re: Script question....

howardjr24-Nov-06 15:27

howardjr

24-Nov-06 15:27

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";

div with display inline & span not working with text-overflow ellipsis

shefali_sinha20-Nov-06 12:15

shefali_sinha

20-Nov-06 12:15

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

Re: div with display inline & span not working with text-overflow ellipsis

Shog⁹23-Nov-06 8:30

Shog⁹

23-Nov-06 8:30

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.

----
I just want you to be happy;
That's my only little wish...

Activex Controls in IE 6.0

Bhargavi19-Nov-06 23:42

Bhargavi

19-Nov-06 23:42

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

.htm Pages are closing automatically after some time.

SIJUTHOMASP19-Nov-06 22:26

SIJUTHOMASP

19-Nov-06 22:26

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.

Re: .htm Pages are closing automatically after some time.

Bradml19-Nov-06 23:13

Bradml

19-Nov-06 23:13

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

Re: .htm Pages are closing automatically after some time.

SIJUTHOMASP20-Nov-06 6:07

SIJUTHOMASP

20-Nov-06 6:07