Avatar of ascnd
ascnd
 asked on

Firefox Table Page Stretching Stretch when first open opened

This is weird and I have not been able to figure it out.  If you look at the website I created http://www.ellenblinn.com in IE it looks fine.  But, when first loading in Firefox the whole thing is stretched but if you go to another page on the site and then come back to home then it is normal.  What gives?
HTML

Avatar of undefined
Last Comment
ascnd

8/22/2022 - Mon
Mark Steggles

Greetings ascnd,

Maybe it has something to do with the height declaration on the cell holding the images? Could try setting the height in px or not setting a height at all, just a thought

Regards
Mark Steggles

ascnd

ASKER
Steggs,

Thanks, but the thread you posted doesn't have a solution to the same problem I am having.
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
koolie

I've had this issue before too and have never had a good answer for it.  My not so great answer (but it does work) is first check if the browser is FF.  If it is, set a session variable then reload page.  Basically this causes the page to load twice the first time in.  I use this once in awhile if I get really frustrated.  I love to hear it if someone knows how to fix this.

Feel free to ask me follow ups if this is the method you go with.
ASKER CERTIFIED SOLUTION
undrline

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ascnd

ASKER
undrline,

Thanks, but no luck.
SOLUTION
Log in to continue reading
Log In
Sign up - Free for 7 days
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
QPR

WAIT! oops I spot an endless loop there!
The actual event was onResize which I changed to onLoad. That will have your screen flickering for evermore! (I would think)
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
ascnd

ASKER
QPR,

Could you please repost with the correct code so I don't misinterpret what you are saying.

Thanks.
QPR

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onResize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

is the original but this event is only fired when the page is resized which isn't what you are looking for
You could set a var to 0 then reload the page if var = 0 and set the var to 1 so it doesn't keep reloading
Lee

Hi,

I just viewed the page in FF and it was stretched and distorted. When I enabled javascript the page was fine.

Regards,

Lee
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
ascnd

ASKER
Koolie,

I tried your suggestion (code pasted below) but it only works if I uncomment the alert.  How are you doing it?

<% if Session("FF") <> "reloaded" then %>
if(navigator.userAgent.indexOf('Firefox') != -1) {
    //alert('hi firefox');
    window.location.href='./default.asp?page=&wide=';
    <% Session("FF") = "reloaded" %>
}
<% end if %>
undrline

It doesn't like the image to be 100% for height for some reason - try using CSS:

1) change the height of the *second* instance of SpcLeftTop.jpg from 100% to 1

2)
FROM THIS
<td>
<img name="CenterPic" src="images/fCenterPic_01.jpg" alt="" height="100%" width="571">
</td><!--273-->


TO THIS
<td>
<img name="CenterPic" src="images/fCenterPic_01.jpg" alt="" style="height: 100%"" width="571">
</td><!--273-->
undrline

oops, two quotes:

this
 style="height: 100%""

should've been

 style="height: 100%"
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
undrline

oops again

FasterFox had cached my test . . . it doesn't work.
ascnd

ASKER
undrline,

Thanks for trying.  Still waiting to hear back from Koolie.  Are you still with us Koolie?
Ashutosh Vyas

removing height="100%" tag from img could help..
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
ascnd

ASKER
Thank you all for attempting to solve the problem.  Alas I will have to use a variable to set the heights depending on what page the user is viewing.  I will award and split points to QPR and undrline for providing the best effort.

ascnd