Solved

div tag height problem in firefox

Posted on 2007-04-09
5
609 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

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
This article discusses how to create an extensible mechanism for linked drop downs.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

739 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