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:
<!-- m --><a class="postlink" href="http://www.honeybrook.com/remax/test.htm">http://www.honeybrook.com/remax/test.htm</a><!-- m -->
Thanks!
BrianWhat version of Netscape?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,
BrianI 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.
<!-- m --><a class="postlink" href="http://www.tarleton.edu/students/st_bostick/temp/test.htmlStellar">http://www.tarleton.edu/students/st_bos ... tmlStellar</a><!-- m -->,
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,
BrianLooking 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.Helloooooooooooooooooooooooooooooo?
Iz der nebudy out der?
Hmm... I'm not sure what you are talking about. Could you maybe post a screenshot showing what you mean?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.It works fine in IE 6 for me...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.Could you expound upon that just a bit, sir?
Thanx.Awesome!
Never mind...it works!
Thanx.
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:
<!-- m --><a class="postlink" href="http://www.honeybrook.com/remax/test.htm">http://www.honeybrook.com/remax/test.htm</a><!-- m -->
Thanks!
BrianWhat version of Netscape?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,
BrianI 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.
<!-- m --><a class="postlink" href="http://www.tarleton.edu/students/st_bostick/temp/test.htmlStellar">http://www.tarleton.edu/students/st_bos ... tmlStellar</a><!-- m -->,
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,
BrianLooking 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.Helloooooooooooooooooooooooooooooo?
Iz der nebudy out der?
Hmm... I'm not sure what you are talking about. Could you maybe post a screenshot showing what you mean?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.It works fine in IE 6 for me...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.Could you expound upon that just a bit, sir?
Thanx.Awesome!
Never mind...it works!
Thanx.