Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Background display problem

Posted on 2004-08-08
6
Medium Priority
?
164 Views
Last Modified: 2010-05-18
Goto
http://www.intouchmedialtd.com/webdesk1/index.asp

and you will see that the background of the left hand side menu is blue and extends the height of the browser in IE but in Netscape the background only covers the part where there is the help menu.  How can I get it to extend down to the bottom of the browser window?
0
Comment
Question by:Gary
[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
6 Comments
 
LVL 31

Accepted Solution

by:
seanpowell earned 375 total points
ID: 11746079
Hi Gary,

Man - what a mess :-(
Sorry to say that, but that page is so badly laid out with deprecated code I'm suprised it displays at all.

For starters, add a doctype to the page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

and then IE will render the page closer to what you're asking it to do, which is closer to what you're seeing in the Gecko engine.

Way too much code, and way too many nested tables. There's no reliable way to get what you have to do what you need it to, without a rewrite.
You may want to fix this though, for starters:
Lost Password? - Click Here</B></</TD></TR>

You may also want to try running the page through w3c's validator to catch most of the errors, but trying to get td cells to span the height of a page nested three levels deep is going to be difficult... plus your js throws errors in Mozilla.

Sorry for such bad news...
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 11746520
Adding a doctype is good but probably an html tag and head tag would be a good idea first.

I see invalid CSS inside and invalid HTML page, using nested tables; a mix of inline styles and depreciated html attributes. Scripting inside a table sell (guarnteed performance degradartion).  A quick look at the table tagging and it looks like it is invalid.

I agree with Sean, this one has to start with a validator for both the CSS and the HTML.  There is no point in trying to fix the layout until the code is a least correct so we have somewhere to start from.

So to summarize:

Add the doctype, html tag, and head tag.

Take the page to www.w3c.org and run it through the HTML validator.  

After the HTML is cleaned up run the CSS through a CSS validator.

After you clean that up, the page may or may not look the way you want, but it will at least be in a condition where the effect of making changes will be predictable.

The the scripting errors, are more than likely caused by the invalid DOM that results from the invalid HTML; plus it is most certainly not cross-browser on in compliance with DOM1

Cd&
0
 
LVL 2

Expert Comment

by:Shattuc
ID: 11749608
a few years ago I designed alot of web pages and I remember how annoying it was that Netscape and IE read things differently. however, I learned that if you can make netscape view it the way you want it, IE will view it that way as well.
I'll post again shortly with a solution, have to download Netscape to really see the problem.
By the way, which version of Netscape are you using that gives you this layout problem?
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 2

Expert Comment

by:Shattuc
ID: 11770225
simple
change your code so that the TD holding the help area says this
<td bgcolor="#CEDBF7">
0
 
LVL 2

Expert Comment

by:Shattuc
ID: 11770231
and there is no such thing as too many nested tables, provided they are all nested correctly.

in the above solution, you may have to nest a table in there,
and set the BG color to #CEDBF7 so that it displays how you want it.
0
 
LVL 8

Expert Comment

by:klykken
ID: 11804604
Unfortunatle I'm going to agree with most people here.
Validate the page at http://validator.w3.org/. If you don't know how to make html/webpages you probably should learn it first :-/ Including the basic tags like <html> and >head> are elementary, and you really need to know how to make a basic html structured website before you publish any on a commercial website.

OT:
"and there is no such thing as too many nested tables, provided they are all nested correctly." Shattur, this is a little naive. Tables nesting are directly conected to browser rendering time, even though they can be fully valid as html code.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

609 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