473,586 Members | 2,681 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Firefox renders my page differently when I hit the refresh button!

Motoma
3,237 Recognized Expert Specialist
Hi everyone,
I am having an issue with my website http://motomastyle.com in Firefox. When I first navigate to the site, the posts I have made start below my navigation bar. After hitting the refresh button a few times, the page will finally render properly, as it does in IE, Opera, and Safari.
I was wondering if this is due to the way I have my site laid out, or if this is some bug in the rendering engine.
Finally, does anyone know of a way for me to correct this issue? It is really bugging me.
Thanks for your time,
Motoma
Oct 20 '07 #1
9 2705
drhowarddrfine
7,435 Recognized Expert Expert
Validate and fix your 7 html errors. You have some misplaced/missing <a> tags. See if that fixes it but I did not see the problem myself.
Oct 20 '07 #2
Motoma
3,237 Recognized Expert Specialist
Validate and fix your 7 html errors. You have some misplaced/missing <a> tags. See if that fixes it but I did not see the problem myself.
Balls!
My last post screwed up validation...I guess it's still a work in progress.
Now that it is fixed, I am still having the issue.

What monitor resolution are you running on?
It's really weird: here's how I can reproduce it:
Using the web developer toolbar, I resize the browser to 800x600.
I open the link in a new tab, via middle click.
Navigating to my page shows the content areas have been pushed down below the navigation bar.
Hitting refresh brings the content area back up beside the navigation.
Oct 20 '07 #3
drhowarddrfine
7,435 Recognized Expert Expert
I saw it this time. Last time I think I might have clicked twice and viewed the second one which would be the 'corrected' version.

Two notes while I look at this:
1) In your css you say: html body{ which means "the descendant of html which is body. It doesn't hurt anything there, I don't think, but I'm used to seeing: html, body{ with the comma making it "html AND body".

2) You use 'display:table' which does not work in IE, fyi.

3) Your rounded corners have disappeared and that's what I'm looking into.
Oct 20 '07 #4
drhowarddrfine
7,435 Recognized Expert Expert
Ok, I see you don't put the rounded corners in every corner so that's not an issue.

On your banner image, you have a height set but no width. Set that to something that will fit inside its container and see if that solves it.
Oct 20 '07 #5
Motoma
3,237 Recognized Expert Specialist
Ok, I see you don't put the rounded corners in every corner so that's not an issue.

On your banner image, you have a height set but no width. Set that to something that will fit inside its container and see if that solves it.
I'm not sure that is going to work out for me...
My intent with the variable width banner is to get the banner image to span the entire page regardless of the width of the browser window.
To get an idea, take note of the banner while widening and narrowing the browser window.
Are you suggesting a fixed width, or do you think 100% would be fine?
Oct 20 '07 #6
drhowarddrfine
7,435 Recognized Expert Expert
I just wanted you to try it temporarily to see if the problem goes away. If Firefox creates space for an image without being given dimensions, any areas that follow may get messed up because they may no longer fit. You gave a height to it but no width. So I'm wondering if setting a width makes that problem go away.

We don't want the graphic getting squeezed if you set it to the width of the container so something else will need to be done there but I can't look right now.
Oct 20 '07 #7
Motoma
3,237 Recognized Expert Specialist
I just wanted you to try it temporarily to see if the problem goes away. If Firefox creates space for an image without being given dimensions, any areas that follow may get messed up because they may no longer fit. You gave a height to it but no width. So I'm wondering if setting a width makes that problem go away.

We don't want the graphic getting squeezed if you set it to the width of the container so something else will need to be done there but I can't look right now.
I don't know why I argued with you in the first place rather than trying it. I set the width to 100% and it is rendered properly now.
Thinking about it now, it makes a small amount of sense; even though that div goes across the full length of the screen, it really has no content in it. Therefore, when it initially gets sized it would have an effective width of 0, until it blows up to the size of the containing div. This narrow initial size could then be interpreted as the width of the divs below it; resulting in the area being to small, and thus the layering effect.
Still no idea why it rendered differently after hitting refresh!
Oct 20 '07 #8
Motoma
3,237 Recognized Expert Specialist
Oh, and thank you very much for the help!
Oct 20 '07 #9
drhowarddrfine
7,435 Recognized Expert Expert
The reason it works after hitting refresh is Firefox now knows the size because it's in the cache.
Oct 20 '07 #10

Sign in to post your reply or Sign up for a free account.

Similar topics

7
3655
by: Drew Martin | last post by:
The page at the below URL renders perfectly in IE6, but is failing horribly in Firefox (0.7, 0.8). I can't figure out why and was hoping someone could take a quick look at it. Most of the layout is done through the use of floats. HTML file: http://superdisco.net/css/index.html CSS file: http://superdisco.net/css/sd.css The gray and...
20
12394
by: B Wooster | last post by:
There is a page that shows Firefox 1.0 render text differently for CSS as compared to FONT FACE for one particular font: http://www.aczoom.com/fonts/xdvng.ttf is the font that does not work. http://www.aczoom.com/isongs/0/t_ff.html is the test page - that has shows the line "This is using CSS to specify xdvng:" show up with the default...
3
2045
by: Jason Honn | last post by:
I have an .aspx page that renders fine in IE6, but it does not render properly in Firefox. If I change the extension from .aspx to .htm everything renders just fine in Firefox. The problem I am having deals with stretching nested tables to fill the cell they are nested in completely. I have specified the embedded table to have a height of...
3
2085
by: TJS | last post by:
I am finding that the serverside requiredvalidator doesn't fire in the firefox browser, and user request proceeds through to my updateProfile method. Validation is working correctly in the IE browser. Anyone seen this problem or have any ideas why this might be occurring ?? (I have web.config browsercaps updated from http://slingfive.com/...
3
2355
by: Dave | last post by:
I am designing a web page using VS2003 ASP.NET. The page contains various DIVs (panels), one of which is in grid layout. The controls in this DIV render correctly in IE, but when using Firefox they are incorrectly positioned. VS sets the positioning of the controls to absolute, and because the DIV is to the right of another DIV Firefox...
12
2037
by: Brad | last post by:
Does anyone have any other solutions to the Firefox rendering problems with ASP.NET? I've tried the <browsercaps> web.config trick. It didn't work. Am I overlooking something else? Thanks!
5
4584
by: Davo | last post by:
Hi All, I've got a test page that displays nested tables (it's machine generated), it renders properly in IE6 and Opera 9. In firefox it renders properly after I hit the refresh key, the first time you view it the borders overlap. I know it has some strange table nesting, this is to overcome an IE bug. Any clues on the Firefox (ver...
6
6101
omerbutt
by: omerbutt | last post by:
hi there i have a registration page on which i have a captcha verification method i customized that code for the sake that the user is able to refresh the captcha images by staying on the same page via AJAX ,now the code i have written works perfect in IE6 , the user clicks the Refresh button and the new images is populated but when using FIREFOX...
29
3894
Frinavale
by: Frinavale | last post by:
I have 2 FireFox (version 2) browser windows opened. One is the child of the other. When the user is finished with the child window, a method in the parent window is called to refresh a section of the page. This is the JavaScript code that I'm using to refresh the content in the parent page: <script type="text/javascript"> ...
0
7912
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7839
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8338
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
5710
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
3837
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3865
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2345
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1449
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1180
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.