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?
ASKER
Steggs,
Thanks, but the thread you posted doesn't have a solution to the same problem I am having.
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.
Feel free to ask me follow ups if this is the method you go with.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
undrline,
Thanks, but no luck.
Thanks, but no luck.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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)
The actual event was onResize which I changed to onLoad. That will have your screen flickering for evermore! (I would think)
ASKER
QPR,
Could you please repost with the correct code so I don't misinterpret what you are saying.
Thanks.
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")&&(p arseInt(ap pVersion)= =4)) {
document.MM_pgW=innerWidth ; document.MM_pgH=innerHeigh t; onResize=MM_reloadPage; }}
else if (innerWidth!=document.MM_p gW || innerHeight!=document.MM_p gH) 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
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(p
document.MM_pgW=innerWidth
else if (innerWidth!=document.MM_p
}
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
I just viewed the page in FF and it was stretched and distorted. When I enabled javascript the page was fine.
Regards,
Lee
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.ind exOf('Fire fox') != -1) {
//alert('hi firefox');
window.location.href='./de fault.asp? page=&wide =';
<% Session("FF") = "reloaded" %>
}
<% end if %>
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.ind
//alert('hi firefox');
window.location.href='./de
<% 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-->
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.
</td><!--273-->
TO THIS
<td>
<img name="CenterPic" src="images/fCenterPic_01.
</td><!--273-->
oops, two quotes:
this
style="height: 100%""
should've been
style="height: 100%"
this
style="height: 100%""
should've been
style="height: 100%"
oops again
FasterFox had cached my test . . . it doesn't work.
FasterFox had cached my test . . . it doesn't work.
ASKER
undrline,
Thanks for trying. Still waiting to hear back from Koolie. Are you still with us Koolie?
Thanks for trying. Still waiting to hear back from Koolie. Are you still with us Koolie?
removing height="100%" tag from img could help..
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
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