No replies
tebk77
Offline
Regular
Last seen: 6 years 16 weeks ago
Timezone: GMT-4
Joined: 2009-05-16
Posts: 42
Points: 49

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.