Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Here's the page I'm working on:
http://ftp.seagull-seafarer.org/new
If you look at this on these browsers, it's perfect: IE6, IE7, Opera, Safari, Netscape, Firefox (and those are the ones we're catering to).
Now, here's things to note: On these pages, I employed PNGs, and used an iepngfix thingie (with htc and a blank.gif and a css style that reads: img, div { behavior: url(iepngfix.htc) } )
It works beautifully, as you can see if you look at IE6, on the front page.
Now, click About Us.
This works perfectly on: IE7, Netscape, Safari, and Firefox.
On Opera, there's a line after the header that needs to be removed...
But the worst is with IE6.
I can't figure out why the menu suddenly doesn't work...the images that are called in via the CSS sheet as backgrounds are invisible until you scroll over most of them, then they decide to show, but not permanently...
Also, if you click on "Boards" you will notice that the PNG fix no longer is working, the bullets disappear as you scroll up and down...and will reappear if you refresh the page, until you scroll again.
I have tried a Clearfix. It didn't work.
Now, to add to the mess, for some reason a simple "Arial" font in italic, smallcap, defined in the stylesheet, looks bitmapped on IE6.
Please, please help ASAP! I'm pulling my hair out now, and I really don't want to go bald.
Here's the stylesheets to look at:
http://ftp.seagull-seafarer.org/new/css/global.css
http://ftp.seagull-seafarer.org/new/css/menu_inside.css
http://ftp.seagull-seafarer.org/new/css/second.css -
Most of my problems have been resolved with this...I found a new way to apply conditional pages that worked.
The only problem still remaining is specifically with IE6. This is what the menu on the inside is looking like:
http://ftp.seagull-seafarer.org/new/i/ie6_issue.jpg
View http://ftp.seagull-seafarer.org/new/tmpl.php?pagename=ab_welcome on ANY other browser to see what it *should* look like.
Everything works, except the menu...here's the code for the submenus (which are what aren't working). Don't worry if this works in any browser other than IE6...it's only applied to IE6.
/* Link Styles for the Submenus */
.closed ul a, .closed2 ul a, .closed3 ul a, .closed4 ul a, .closed5 ul a, .closed6 ul a, .closed7 ul a, .closed8 ul a, .closed9 ul a, .closed10 ul a, .closed11 ul a{
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#ffffff;
font-weight:bold;
letter-spacing:normal;
padding: 0 0 0 12px;
margin: 0 0 4px 16px;
}
.closed ul li, .closed2 ul li, .closed3 ul li, .closed4 ul li, .closed5 ul li, .closed6 ul li, .closed7 ul li, .closed8 ul li, .closed9 ul li, .closed10 ul li, .closed11 ul li{
list-style-image: none;
list-style-type: none;
background-image: none;
}
.closed ul a:hover, .closed2 ul a:hover, .closed3 ul a:hover, .closed4 ul a:hover, .closed5 ul a:hover, .closed6 ul a:hover, .closed7 ul a:hover, .closed8 ul a:hover, .closed9 ul a:hover, .closed10 ul a:hover, .closed11 ul a:hover {
color: #FFC325;
}
1 to 2 of 2