Page 1 of 1

PHPlayers problem with IE6

Posted: Sat Apr 23, 2005 1:24 pm
by psy
Hello
I have created a vertical menu with PHPlayers and it works fine in Mozilla (altho it looks better in IE due to way that css padding is handled).  My problem is that using IE6.0, the submenus go crazy.  Only the last item on the menu is visible.  I suspect that the other items are stacked underneath it.  The css is

Code: Select all

.verbar	{
	color: black;
	/* background-color: #ccccff; */
	margin-top : 10px;
}

.submenu	{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.subframe	{
	position: relative;
	display: block;
	border: 0px solid #64879d;
}

.item	{
	padding: 1px;
	margin-left: 3px;
	text-align: left;
	white-space: nowrap;
	height: 20px;
	line-height: 25px;
}

.separator	{
	background-color: #ff0000;
	border-top: 1px solid #9e9a91;
	border-bottom: 1px solid #ffffff;
	margin: 2px 1px 2px 1px;    /* top right bottom left */
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.item a	{
	position: relative;
	display: block;
	text-decoration: none;
	border: 1px solid #9e9a91;
	background-color: #ccccff;
	
}

.item a:link	{
	color: #000000;
	background-color: #ccccff;
	text-decoration: none;
}

.item a:visited	{
	color: #000000;
	background-color: #ccccff;
	text-decoration: none;
}

.item a:hover	{
	color: #ffffff;
	background-color: #FFE4E1;
	text-decoration: none;
}

.item a:active	{
	color: #ffffff;
	background-color: #FFE4E1;
	text-decoration: none;
}

.item .fwdarr	{
	position: absolute;
	top: 5px;
	right: 7px;
}
Any ideas?  the site is www.ccdressage.org.au

Cheers
psy

Re: PHPlayers problem with IE6

Posted: Sat Apr 23, 2005 4:57 pm
by Greg
I had a similar problem with one layout and had to add a negative top attribute to the submenu class

Code: Select all

.subframe {
	top: -128px;
	border: none;
	background: transparent;
}

Re: PHPlayers problem with IE6

Posted: Sat Apr 23, 2005 5:09 pm
by Greg
I also noticed when viewing the CSS of your site that your CSS is repeated about 4 times.
Seems there is something that is causing the same CSS to be loaded multiple times.

Re: PHPlayers problem with IE6

Posted: Sun Apr 24, 2005 12:33 am
by psy
Unbelievable!  Thanks Greg, the negative top margin on the subframe worked a treat.  I would never have figured that one out.

Cheers
psy