Link to home
Start Free TrialLog in
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?
Avatar of Mark Steggles
Mark Steggles
Flag of United States of America image

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
Avatar of ascnd
ascnd

ASKER

Steggs,

Thanks, but the thread you posted doesn't have a solution to the same problem I am having.
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
Avatar of undrline
undrline
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ascnd

ASKER

undrline,

Thanks, but no luck.
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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)
Avatar of ascnd

ASKER

QPR,

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

Thanks.
<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
Hi,

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

Regards,

Lee
Avatar of 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 %>
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-->
oops, two quotes:

this
 style="height: 100%""

should've been

 style="height: 100%"
oops again

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

ASKER

undrline,

Thanks for trying.  Still waiting to hear back from Koolie.  Are you still with us Koolie?
removing height="100%" tag from img could help..
Avatar of 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