Please Help!
1. Here i thought I resolved a middle column problem BUT THEN I TEST in browsershots.org and again the middle column drops below!!! The middle column is called "contents".
the coding is in the .html file
I can't seem to get the link to the html file to work, so here it is, you could paste into URL box:
http://www.frankfordfriendsschool.org/_TESTnav3.html
attached is a browsershots snapshot of IE v. 6
2. ALSO the last "button" on navbar drops below. I guess there isn't enough room to fit into the navbar.
What is best way to fit all "buttons" in a navbar so that it works in all browsers? I had used width=9em.
here is the .css coding:
/* navigationTEST3.css */ /********** Navbar division styles **********/ #navbar{ background:#fff; /* orig had aaa url(images/navbak.jpg) repeat-x center */ height:21px; top:150px; /* Same as masthead div height */ margin-right:20px; margin-left:20px; padding-bottom:4px; } /* Remove bullets from ul in the navbar */ #navbar ul{ list-style-type:none; } /* List items in the navbar */ #navbar li{ float:left; /* Required for drop-down menus */ position:relative; } /* Applies to navbar links, unvisited and visited */ #navbar a, #navbar a:link, #navbar a:visited{ text-decoration:none; font-family:Verdana, Geneva, Arial, Sans-Serif; font-size:11px; color:#333399; /* blue text */ background:#fff; /* white bkgrd */ display:block; height:21px; width:9em; /* HOW SPREAD OUT LINKS IN NAVBAR and center each topic in each section */ border-right: solid 1px #333399; line-height:20px; text-align:center; outline-style:none; } /* Navbar hover, active, and current page links */ /* HOW MAKE HOME LINK DESELECTED ON HOME PAGE */ /* want it to look like the other links on home page blue text with white bkgrd */ /* other navbar links when selected will have the blue bkgrd and yellow text */ #navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited{ background:#333399; /* blue */ color:#ffcc33; /* yellow text */ } /* Drop-down menu styles */ /* Applies to drop-down menus in navbar */ #navbar li ul{ position:absolute; z-index:100; visibility:hidden; border:solid 1px #aaa; border-right: solid 2px #999; border-bottom: solid 2px #999; } /* Make drop-down visible on navbar hover */ #navbar li:hover ul, #navbar li a:hover ul{ /* IE6 hack */ visibility:visible; top:1.55em; left:0; } /* Applies to links on the drop-down menu */ #navbar li:hover ul li a, #navbar li a:hover ul li a{ /* IE6 hack */ background:#ccc; /* Removes background image */ color:#000; text-align:center; display:block; width:10em; padding:0 0 0 1em; height:auto; } /* Hover on drop-down menu links */ #navbar li:hover ul li a:hover, #navbar li a:hover ul li a:hover{ /* IE6 hack */ background: #aaa; color:#000; } /* IE6 hack applies to its table drop-down */ #navbar table { margin:-1px; border-collapse:collapse; position:absolute; top:0.5em; left:0; z-index:100; } #home { color:blue!important; background:#FFF!important; }
I'm so disgusted with IE !!!! The big problem seems to be in IE v.6
Can you suggest how to hack the coding so both of these problems work in IE6?
thanks.