Solved

div tag height problem in firefox

Posted on 2007-04-09
5
620 Views
Last Modified: 2013-12-07
I am developing my site using css.no table tags are used .developed using div and ul ,li tags.
I have a site which is working perfectly fine in ie6 and ie 7 but it is not showing me proper layout in firefox.

I am increasing height of left side navigation using JavaScript on click of technology option in top menu.
Menu is display correctly in firefox. But when I am writing

document.getelementbyid("sidenav").style.height=465;

It is showing me error in firefox that

document.getElementById("sidenav") has no properties

How to adjust div tag height using JavaScript in firefox.

Below is the url of that page:

http://yourwebsitepreview.com/tickboxdb.com/newindex.asp

And footer div tag is coming in header..........

Is their any other way to do this...?
0
Comment
Question by:dotsandcoms
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 8

Assisted Solution

by:jawahar_prasad
jawahar_prasad earned 360 total points
ID: 18875192
Try this..

document.getelementbyid("sidenav").style="height:465";
0
 
LVL 8

Accepted Solution

by:
jawahar_prasad earned 360 total points
ID: 18875204
ignore that...

TRY THIS

<html>
<head>
<title>Untitled Document</title>
<script language="javascript">
function fn()
{
document.getElementById("sidenav").style.height="465";
}
</script>
</head>

<body>
<div id="sidenav" style="background-color:#000099;">asdasdasd</div>
<a href="#" onclick="fn()">Click</a>
</body>
</html>

"getelementbyid"  property is CASE SENSITIVE, It should be "getElementById"
0
 
LVL 28

Assisted Solution

by:TName
TName earned 20 total points
ID: 18875294
I can't find any "sidenav" element. There is a ul with the id "subNav".
You are trying repeatedly to access it with
document.getElementById("subnav") - all lower case...

but it should be

document.getElementById("subNav")    //  "subNav" with an uppercase "N"
0
 
LVL 21

Assisted Solution

by:Dale Burrell
Dale Burrell earned 120 total points
ID: 18875304
I believe that according to the standards it requires units e.g.

document.getElementById("sidenav").style.height='465px';
0
 
LVL 21

Assisted Solution

by:Dale Burrell
Dale Burrell earned 120 total points
ID: 18875316
And yes - definitely need to get the ID's correct as they are case sensitive - assume everything is case sensitive and you'll never have to worry.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

635 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question