Hello,
The problem is a javascript error in curvycorners.js. IE 8 reports an
error at character #7478, which is the colon of this snippet,-->switch
(c){case"tr":U.style.backgroundPosition<--. I don't know why you are
getting an error.
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/
4.0; .NET CLR 2.0.50727; .NET CLR 1.1.4322)
Timestamp: Sun, 28 Jun 2009 19:10:45 UTC
Message: Invalid argument.
Line: 1
Char: 7478
Code: 0
URI: http://barryslaven.com/javascripts/curvycorners.js?1240910713
I also noticed these items:
This script is called twice on the top of the page: <script src="/
javascripts/curvycorners.js?1240910713" type="text/javascript"></
script>
Then there is this blank one: <script type="text/javascript"
charset="utf-8"> </script>
Did you know that your javascript uses approximately 283,378
characters? Wow. It is some very impressive scripting.
The CSS you posting to the group isn't the same as what is on the
stylesheet.
In Web Page In CSS As Posted
<div id="navbar_div"> #navbar_div NOT PRESENT
No Problem
<ul id='navlist'> #navlist #nav_links
No Problem
<li d="home_li"> NOT PRESENT #home_tab, #about_tab,
#hop_tab No
Styling Performed
I hope that answers your question about why the diffent browsers
display your site differently. Have a great day,
Doug
I do have a question for you. On the little style sample from your
stylesheet you used the > character between identifiers. The script
validated so it must be correct. I looked for quite a while and I
didn't find any reference to that usage on the W3C CSS Reference site.
Where did you get the notion to use a > between identifiers. Thanks.
#nav_links>li{
float: left;
width: auto;
}
On May 7, 6:25 am, Gavin <[email protected]> wrote:
> I'm using a mac so dont have much access to IE6
>
> I've checked one of my sites: barryslaven.com on IE6 and it seems the
> navlist at the top does not load as it should. (It's fine in Safari,
> Firefox and Oprah)
>
> Any ideas?
>
> The CSS for the list is:
>
> #nav_links, div#homepage_image_container{
> width: 912px;
> margin: 0 auto;
>
> }
>
> #nav_links{
> height: 1.2em;
> clear: both;
> background: #F9F9F9;
> padding: 0.6em 0;}
>
> #nav_links>li{
> float: left;
> width: auto;}
>
> #nav_links>li>a>img{
> height: 1em;
> margin: 0 1em;}
>
> #home_tab, #about_tab, #shop_tab{
> width: 4.5em;}
>
> #galleries_tab, #contact_tab{
> width: 7em;}
>
> #commissions_tab{
> width: 9em;}
>
> #cart_tab{
> width: 2em;
> padding: 0.2em 0 0;
>
> }
>
> And the html is:
> <div id="navbar_div">
> <ul id='nav_links'>
> <li id='home_tab'>
> <a href="/">
> <img alt="home" src="/images/static/home_hover.png?
> 1240910173" />
> </a>
> </li>
> <li id='about_tab'>
> <a href="/about">
> <img alt="about" src="/images/static/about.png?
> 1240909761" />
> </a>
> </li>
> <li id='galleries_tab'>
> <a href="/galleries">
> <img alt="galleries" src="/images/static/galleries.png?
> 1240910131" />
> </a>
> </li>
> <li id='shop_tab'>
> <a href="/shop">
> <img alt="shop" src="/images/static/shop.png?
> 1240910078" />
> </a>
> </li>
> <li id='commissions_tab'>
> <a href="/commissions">
> <img alt="commissions" src="/images/static/
> commissions.png?1240910079" />
> </a>
> </li>
> <li id='contact_tab'>
> <a href="/contact">
> <img alt="contact" src="/images/static/contact.png?
> 1240910116" />
> </a>
> </li>
> <li id='cart_tab'>
> <a href="/cart">
> <img alt="cart" src="/images/static/cart.png?1240910078" /
>
> </a>
> </li>
> </ul>
> </div>
>
> Thanks
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
