/    Sign up×
Community /Pin to ProfileBookmark

Different display location for IE and FF

Hello, for the site I am working on, [url]www.roboticmagazine.com[/url] please look at the home page, to the blue menu buttons on the left side. they look normal for IE, but for FF they look on the top of the gray bar above. The correct look is like in IE.

Note that if you go to any other page, say, [url]www.roboticmagazine.com/toys.php[/url] the buttons look okay for FF as well. But for some reason, just for home page, they look over the top of the gray menu bar above. And I checked everything and didn’t notice anything that might cause the difference between the index page and other category pages. All category pages display menu bar at correct location in FF. What might be the reason? and how to correct?

And by the way, here is the css code:

.sidebuttons
{
position:absolute;
left:5px;
top:245px;
width:176px;
}

this is referred to in a specific file for side buttons and then it is first included in one file and then that file is included in all the files, to display side button on all pages.

and note that positioning is absolute…

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@kiwibritAug 18.2009 — You haven't said what version of IE is causing you a problem - I can't see any obvious difference in FF 3.5 and IE8. That said, I am a little surprised, given the number of [url=http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.roboticmagazine.com%2F]validation errors[/url]. Not all of them will be serious, but I am not surprised that there are differences in some browsers.

As ever, [url=http://www.webdeveloper.com/forum/showthread.php?t=117052]NoDog's advice is good[/url]
Copy linkTweet thisAlerts:
@webdeveloper074Aug 20.2009 — There is a need to restructure your page taking following point into consideration:

* Elements should be written/drawn in a series Left to Right and Top to Bottom.

*
This will lessen your needs for absolute positioning the elements.

* Use divs, ul/li(for menu).

*
Use floats to align elements.

* avoid using tables, unless you want to present a tabular report.
Copy linkTweet thisAlerts:
@ketancoauthorAug 21.2009 — yes, I will validate the site asap, may be that will solve it... and yes I get that feedback a lot about floatig instead of absolute positioning.
×

Success!

Help @ketanco spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...