/    Sign up×
Community /Pin to ProfileBookmark

making each browser see the same?

Copy linkTweet thisAlerts:
Jul 19.2003

Hey all,

I have a website that I’m re-working on, where I made the navigation area positioned with css (Thanks to nkaisare for helping me out with that one). Now my only problem is that my code looks FANTASTIC in IE, but HORRIBLE in Netscape. Here’s where my problems seem to be the most visible:

Netscape doesn’t seem to like the {background: url(file.jpg);} in the div below the navigation area, and the {padding-top: 1px;} in my navigation div. It also seems to think the position is different from the top in netscape, seeing that the navigation area overlaps the table border.

Can anyone point out where my problem may lie? Below is a link to it:

[url]http://www.honeybrook.com/remax/test.htm[/url]

Thanks!

Brian

to post a comment
CSS

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@gil_davisJul 19.2003 — What version of Netscape?
Copy linkTweet thisAlerts:
@haynbrianauthorJul 19.2003 — I checked it in 7.0. I don't have 6.0 and below, so I'm not sure how it works in them.

Thanks,

Brian
Copy linkTweet thisAlerts:
@StellarJul 19.2003 — I recoded your page using no tables, all CSS layout..

Is this the general look your after? It displays the same in IE6 and Moz 1.4 (NS7) and validates w/no errors, although you may want to tweak a few numbers here and there. ?

You can View>Source and steal my code if you like, I only ask that you leave in the comment giving me credit for it. ?

http://www.tarleton.edu/students/st_bostick/temp/test.html
Copy linkTweet thisAlerts:
@haynbrianauthorJul 27.2003 — Stellar,

Thanks for the insight. I didn't copy your code (I don't like doing that), although I did integrate the float: left idea into the site. I didn't realize that could be used for navigation bars.

Thanks again,

Brian
Copy linkTweet thisAlerts:
@stmasiJul 29.2003 — Looking at Stellar's reply and his posted link, and I see it still has some problems in Opera 7.11. I've viewed it in IE 6.0, NS7.1 and M 1.4, but still has a visible gap between the bottom header border and the top navigational menu button.

Is there a way to correct this?

Thanx.
Copy linkTweet thisAlerts:
@stmasiJul 30.2003 — Helloooooooooooooooooooooooooooooo?

Iz der nebudy out der?

?
Copy linkTweet thisAlerts:
@pyroJul 30.2003 — Hmm... I'm not sure what you are talking about. Could you maybe post a screenshot showing what you mean?
Copy linkTweet thisAlerts:
@stmasiJul 30.2003 — Actually, I finally got it working properly.

However, there's one final problem.

Referring to the "menu" area and the use of display:block; in order to highlight the entire div instead of just the text within...

It works on all browsers except for IE 6.0.

On every other browser, as soon as the pointer touches the appropriate div, the entire div is highlighted. However, I have to actually run the pointer over the text in IE 6.0 in order to get the entire div to highlight.

Any ideas?

Thanx.
Copy linkTweet thisAlerts:
@pyroJul 30.2003 — It works fine in IE 6 for me...
Copy linkTweet thisAlerts:
@toicontienJul 30.2003 — I've run into this exact problem before too. You have to position the <a> tags using CSS. I had good luck using position: relative;

The IE should work fine. And remember, you must position the ANCHOR element, not the DIV.
Copy linkTweet thisAlerts:
@stmasiJul 30.2003 — Could you expound upon that just a bit, sir?

?

Thanx.
Copy linkTweet thisAlerts:
@stmasiJul 30.2003 — Awesome!

Never mind...it works!

Thanx.

? ? ? ? ?
×

Success!

Help @haynbrian 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.16,
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,
)...