Need to check Div height through javascript

Question

0.00/5 (No votes)

See more:

Hi All,

Am generating an html file through Javascript and assigning to a div tag(not a server control)
it was displaying as same in all browsers no problem for that.So now i want to calculate that particular div height and it was coming differently in diferent browsers like (IE ,Chrome,...).

How can i show the height same in all browsers??
And why it was not coming same for all browsers??

Thanks All

Posted 3-Mar-13 18:41pm

mouli_13579

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 1:13am

Actually the html you generating will be rendered differently in different browsers, unless you provide style property to it.

So, try to provide some style information to that content and try to use "%" and not "px" (pixels).

Otherwise, provide some code or that generated html file contents to look at.

mouli_13579 4-Mar-13 2:11am

Thanks Tadit Dash,

am applying css also but am not applying any specific heights to it ,it may be auto maximum
if want to see what am facing exactly means u can check dis in this Jsfiddle
http://jsfiddle.net/mouli_13579/k3UuK/5/

i uploaded a sample html there
Just open this in different browsers and check once then you can be able to get me exactly.

Thank You again.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 2:24am

Don't worry, I removed the unwanted and edited your comment also.

I will come back to you, after I investigate your issue.

Thanks,
Tadit

mouli_13579 4-Mar-13 2:27am

Ok Tadit thanks

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 2:35am

I checked the jsFiddle in different browsers.

Actually the images are not showing up, instead their border is showing without any image in IE and Chrome.

But in Firefox, as there are no images, so it is not even showing the borders and the errors are showing on console tab of FireBug.

And clicking on "check this height" link, it shows different heights.

So, do one thing.
Just try to convert the height, width you have defined for all elements in the html to % instead of pixels.
If you convert all the height, widths of images, tr, td, tables etc..., then it will render correctly and the height will be the same in all the browsers...

Thanks...

mouli_13579 4-Mar-13 3:48am

Thanks for your quick replies Tadit
i will try it and inform you
Thank You

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 3:49am

Most welcome. My pleasure...

Yes sure, just reply me, when you complete this.

Thanks...

mouli_13579 4-Mar-13 4:01am

About Images its no problem they are loading in my web app perfectly.
This one i kept in JSFiddle to give you some idea what am going to ask ok

Thanks

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 4:36am

Yes I understand...

But try with percentage values for Height and Width...

Thanks...

mouli_13579 4-Mar-13 4:47am

Hi Tadit,
issue remains the same here
What am thinking is Every browser has there default rendering heights right
if am changing the height of <td> px to some 10% also
Chrome renders td differently and firefox differently
then how can i get same height count..
Thanks Once Again

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 4:54am

Ok... Now it seems interesting...

Can you send me the html file with all the images, so that I can test it my local ?
Just wrap all the images in one folder and html in another, then zip it and upload it in Ge.tt.

I will download from there, and try to do it for you.

But make sure you are sending all the necessary related components of that html file.

Thanks...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 5:21am

Oh ok...

So, how to resolve this now ?

Can I see online ?
I mean, if the site is running online, I can have look.

mouli_13579 4-Mar-13 5:57am

Hi Tadit ,
i uploaded there in Ge.tt. but that will be some dummy data just for a reference, and here the link to download that sample http://ge.tt/6LU5a1a/v/0

Thanks In Advance
krishna

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 4-Mar-13 6:01am

Ok... Thanks... I am taking a look.

Will come back to you.

mouli_13579 4-Mar-13 6:06am

Ohh Thanks Tadit

mouli_13579 6-Mar-13 0:30am

Hi Tadit ,
I tried ResetCSS and normalize.css there are showing almost nearby heights but not useful for my case.Have you got any solution for this issue??

Thanks
Krishna

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 6-Mar-13 1:05am

Sorry, I am pretty much busy these days... Lots of work.

I could not be able to test. Do you need it urgently ?

mouli_13579 6-Mar-13 1:20am

Thanks for your reply Tadit
Why am asking like that means i already tried so many trails over that and i think i spend lots of time for this..
Its ok if you are busy but please kind some time when you became free ..
Meanwhile if you have any ideas so that i can try it .

Thanks
Krishna

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 6-Mar-13 1:57am

Ok, if I will be free today for some time, then I will definitely look at it.

As I can see that you have percentage values for the th tags.
But try to make all style properties to %.
You have images where width is in pixels and height is auto.
Try giving some fixed height and width in % only, don't have any pixel values in page. Just try with this.

If I will be able to test today, then I will come back to you.

And if you are finding anything interesting during your testing and making all % values, let me know here.

Thanks,
Tadit

mouli_13579 6-Mar-13 2:29am

Thanks for your attention Tadit..

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 6-Mar-13 3:04am

No problem. Anytime.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)