Solved

Alignment issues....Nav4x, IE4x

Posted on 1999-01-02
7
179 Views
Last Modified: 2010-04-09
Im having a couple of problems on two pages Im developing.  http://www.chilcote.com/lti/solutions/ seems to fit into IE4 under 640x480 resolution, but not under Nav4 at the same resolution.  

The other problem that is cropping up has to do with the height=100% that I want to use.   Under IE4 or Nav4 please view http://www.chilcote.com/lti/.  The problem should be obvious.
0
Comment
Question by:chilcote
  • 3
  • 3
7 Comments
 

Expert Comment

by:jbarta
ID: 1841188
I looked at both pages (with NN4.5) and both seem fine. Could you be more specific about what you are tying to achieve or what the problem is?
0
 

Author Comment

by:chilcote
ID: 1841189
Arg.   Slight mistake on my part.   The "Cant fit into 640x480" problem is happening with IE4.x.    The 100% height problem is happening under resolutions higher than 640x480.

Hopefully that clearifies things.
0
 
LVL 4

Expert Comment

by:rafistern
ID: 1841190
First of all the sizing problem with the width:
take out the width=5% from the menu bar table.

I presume that this is the problem you mention because height=100% does not appear in the source only width=100%.

As for the background image problem in NS3. NS3 does not support background images to tables. Therefore you should at least use a matching bgcolor in the cells where you have a background image.
0
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 

Author Comment

by:chilcote
ID: 1841191
The background image issue is already being handled.

Removing the 5% doesnt solve the problem.   Im unable to post the changed copy of the site....but as it stands, with the 5% removed, the "Solutions" subpage still wont fit into IE4.x, but seems to fit within Nav4.x.   Any other thoughts?

The height=100% issue has been taken care of.   If you can help me solve the "fitting into 640x480" problem, Id definitely appreciate it.
0
 
LVL 4

Accepted Solution

by:
rafistern earned 200 total points
ID: 1841192
OK here we go again.

When I answered you this morning that was after looking at the /lti/ page. Now I looked at the home page and I found that by removing the width=5% and in addition the width=1% five lines lower, you solve all the problems.

Here is the offending section:

.

  <tr>
    <td width="5%" bgcolor="#008080" background="a_spacer.gif"><font color="#52A5AD">.</font></td>
    <td bgcolor="#FFFFFF" background="a_bak1.gif" valign="top" align="left"><img
    src="images/corner.gif" width="17" height="15" alt="corner.gif (847 bytes)"></td>
  </tr>
  <tr align="left" valign="top">
    <td align="left" valign="top" colspan="1" rowspan="2" background="a_spacer.gif" width="1%"
    bgcolor="#008080" height="100%"><div align="left"><table border="0" cellpadding="0"
    cellspacing="0">

.

and here is the fxed version:
.

  <tr>
    <td bgcolor="#008080" background="a_spacer.gif"><font color="#52A5AD">.</font></td>
    <td bgcolor="#FFFFFF" background="a_bak1.gif" valign="top" align="left"><img
    src="images/corner.gif" width="17" height="15" alt="corner.gif (847 bytes)"></td>
  </tr>
  <tr align="left" valign="top">
    <td align="left" valign="top" colspan="1" rowspan="2" background="a_spacer.gif"
    bgcolor="#008080" height="100%"><div align="left"><table border="0" cellpadding="0"
    cellspacing="0">

.
0
 

Author Comment

by:chilcote
ID: 1841193
'preciate it.   It was the remaining 1% which was causing the problems.

On something of a sidenote, Ive heard of a website which allows you to enter a URL, and it spits back screenshots of the website at that URL from various browsers/OSs.   If anyone happens to know anything about this, please email me at adam@chilcote.com.  Thanks.
0
 
LVL 4

Expert Comment

by:rafistern
ID: 1841194
go to www.sitegarage.com or www.builder.com or ww.developer.com and maybe you will find a link to it.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering 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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
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 …

792 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