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
9 2713 
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.
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.
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.
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?
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.
 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!
Motoma 3,237
Recognized Expert Specialist
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 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 maroon backgrounds are to highlight the layout used.
|
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 english font instead of
xdvng.
Internet Explorer works as expected - both CSS and FONT FACE use of
|
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 "100%", but it acts as if no height is given.
Any help would be greatly appreciated.
|
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/ )
code:
=========
|
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 (correctly, I suspect)
positions the controls absolutely, which means they are too far to the left,
while...
| | |
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 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 2.0.0.3) problem would be appreciated.
|
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 it is doing nothing, i have placed the Captcha Image inside a div and on getting response(the new...
|
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">
function UpdateList() {
|
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 synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
| | |
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
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 instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
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 the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
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
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
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 effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |
