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
9 2681
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.
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.
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.
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.
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?
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 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!
Oh, and thank you very much for the help!
The reason it works after hitting refresh is Firefox now knows the size because it's in the cache.
Sign in to post your reply or Sign up for a free account.
Similar topics
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...
|
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.
...
|
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...
|
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...
|
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...
|
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!
|
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...
|
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...
|
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...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
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...
|
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...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
| |