Website Doesn't align properly
This seems to only happen on my computer. The columns on my website www.questusstrategies.com get pushed down, so they do not line up. I've placed three screen shots in order on a page called Demonstration Page under the About Page. I've checked with other browsers and even with other computers running Firefox and they work fine. I have uninstalled and reinstalled Firefox and the problem returns. This is a WordPress site, but because it doesn't happen on other computers or browsers it must have something to do with the setup of my computer or setup of my version of Firefox. It is a brand new computer running Windows 7. Any thoughts?
所有回复 (4)
I think one or both of the columns is too wide, so the widget sidebar ddoesn't have enough space to float up next to the content.
Does it lay out correctly when you are logged out of the site?
If you have been modifying theme files or style sheets, try this general advice to overcome a possible "stuck" file in the cache:
When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
Alternately, you also can clear Firefox's cache completely using:
orange Firefox button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, try either:
- right-click and choose View Page Info > Security > "View Cookies"
- Alt+t (open the classic Tools menu) > Page Info > Security > "View Cookies"
In the dialog that opens, you can remove the site's cookies individually.
Then try reloading the page. Does that help?
Thanks, but none of this worked. But an interesting thing just happened. In Option > Content > Fonts & Colors a while ago I changed the Default font to Trebuchet MS Size 15. I can't remember if the site was presenting properly before that or not. Just now I selected the Advanced tab for fonts and changed the font to 12 and the left hand margin of the right column moved to the left. I have the checkbox "Allow pages to choose their own fonts, instead of my selections above." checked, so I'm surprised it made a difference.
BTW, I do think the problem has something to do with spacing for the columns. If you have any other ideas, I'm all ears!
You may want to switch the order of preferred fonts in your CSS in case the user's default is something unconventional:
body, button, input, select, textarea { color: #404040; font-family: sans-serif, Arial; line-height: 1.8; text-rendering: optimizeLegibility; word-wrap: break-word; }