Jump to content

Menu not aligned on monitors above 1024 x 768


sreed01

Recommended Posts

I'm pretty sure the problem lies somewhere in this css file (see below).The menu popups work great on all browsers, all screen sizes on the mac, but on the PC, if you view it on screen sizes above 1024 x 768, the menu popups appear unaligned all the way to the left side. I've been tinkering blindly on this code but am not familiar enough with css to find the problem area. Also, this site is password restricted so I can't include the actual link, which I know makes this more of a challenge. Any takers?Scott

td img {/* Another Mozilla/Netscape bug with making sure our images display correctly */	display: block;}#FWTableContainer1260352801 {/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */	position:relative;	margin:0px;	width:748px;	height:147px;	text-align:left;}#MMMenuContainer0202145234_0 {/* This ID is related to the master menu div for menu MMMenuContainer0202145234_0 and contains the important positioning information for the menu as a whole */	position:absolute;	left:346px;	top:128px;	visibility:hidden;	z-index:300;}#MMMenu0202145234_0 {/* This class defines things about menu MMMenu0202145234_0's div. */	position:relative;	left:0px;	top:0px;	visibility:hidden;	background-color:#336699;	border:1px solid #339999;	width:174px;	height:127px;}.MMMIFVStyleMMMenu0202145234_0 {/* This class determines the general characteristics of the menu items in menu MMMenu0202145234_0 */	border-top:1px solid #ffffff;	border-left:1px solid #ffffff;	border-bottom:1px solid #336699;	border-right:1px solid #336699;	width:174px;	height:22px;	voice-family: "\"}\"";	voice-family:inherit;	width:166px;	height:14px;}.MMMIVStyleMMMenu0202145234_0 {/* This class determines the general characteristics of the menu items in menu MMMenu0202145234_0 */	border-top:0px;	border-left:1px solid #ffffff;	border-bottom:1px solid #336699;	border-right:1px solid #336699;	width:174px;	height:21px;	voice-family: "\"}\"";	voice-family:inherit;	width:166px;	height:14px;}#MMMenu0202145234_0_Item_0 {/* Unique ID for item 0 of menu MMMenu0202145234_0 so we can set its position */	left:0px;	top:0px;}#MMMenu0202145234_0_Item_1 {/* Unique ID for item 1 of menu MMMenu0202145234_0 so we can set its position */	left:0px;	top:22px;}#MMMenu0202145234_0_Item_2 {/* Unique ID for item 2 of menu MMMenu0202145234_0 so we can set its position */	left:0px;	top:43px;}#MMMenu0202145234_0_Item_3 {/* Unique ID for item 3 of menu MMMenu0202145234_0 so we can set its position */	left:0px;	top:64px;}#MMMenu0202145234_0_Item_4 {/* Unique ID for item 4 of menu MMMenu0202145234_0 so we can set its position */	left:0px;	top:85px;}#MMMenu0202145234_0_Item_5 {/* Unique ID for item 5 of menu MMMenu0202145234_0 so we can set its position */	left:0px;	top:106px;}#MMMenuContainer0202145234_0 img {/* needed for Mozilla/Camino/Netscape */	border:0px;}#MMMenuContainer0202145234_0 a {/* Controls the general apperance for menu MMMenuContainer0202145234_0's items, including color and font */	text-decoration:none;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	color:#000000;	text-align:left;	vertical-align:middle;	padding:3px;	background-color:#5bd7de;	font-weight:normal;	font-style:normal;	display:block;	position:absolute;}#MMMenuContainer0202145234_0 a:hover {/* Controls the mouse over effects for menu MMMenuContainer0202145234_0 */	color:#ffffff;	background-color:#006699;}#MMMenuContainer0202145713_1 {/* This ID is related to the master menu div for menu MMMenuContainer0202145713_1 and contains the important positioning information for the menu as a whole */	position:absolute;	left:481px;	top:128px;	visibility:hidden;	z-index:300;}#MMMenu0202145713_1 {/* This class defines things about menu MMMenu0202145713_1's div. */	position:relative;	left:0px;	top:0px;	visibility:hidden;	background-color:#336699;	border:1px solid #339999;	width:206px;	height:106px;}.MMMIFVStyleMMMenu0202145713_1 {/* This class determines the general characteristics of the menu items in menu MMMenu0202145713_1 */	border-top:1px solid #ffffff;	border-left:1px solid #ffffff;	border-bottom:1px solid #336699;	border-right:1px solid #336699;	width:206px;	height:22px;	voice-family: "\"}\"";	voice-family:inherit;	width:198px;	height:14px;}.MMMIVStyleMMMenu0202145713_1 {/* This class determines the general characteristics of the menu items in menu MMMenu0202145713_1 */	border-top:0px;	border-left:1px solid #ffffff;	border-bottom:1px solid #336699;	border-right:1px solid #336699;	width:206px;	height:21px;	voice-family: "\"}\"";	voice-family:inherit;	width:198px;	height:14px;}#MMMenu0202145713_1_Item_0 {/* Unique ID for item 0 of menu MMMenu0202145713_1 so we can set its position */	left:0px;	top:0px;}#MMMenu0202145713_1_Item_1 {/* Unique ID for item 1 of menu MMMenu0202145713_1 so we can set its position */	left:0px;	top:22px;}#MMMenu0202145713_1_Item_2 {/* Unique ID for item 2 of menu MMMenu0202145713_1 so we can set its position */	left:0px;	top:43px;}#MMMenu0202145713_1_Item_3 {/* Unique ID for item 3 of menu MMMenu0202145713_1 so we can set its position */	left:0px;	top:64px;}#MMMenu0202145713_1_Item_4 {/* Unique ID for item 4 of menu MMMenu0202145713_1 so we can set its position */	left:0px;	top:85px;}#MMMenuContainer0202145713_1 img {/* needed for Mozilla/Camino/Netscape */	border:0px;}#MMMenuContainer0202145713_1 a {/* Controls the general apperance for menu MMMenuContainer0202145713_1's items, including color and font */	text-decoration:none;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	color:#000000;	text-align:left;	vertical-align:middle;	padding:3px;	background-color:#5bd7de;	font-weight:normal;	font-style:normal;	display:block;	position:absolute;}#MMMenuContainer0202145713_1 a:hover {/* Controls the mouse over effects for menu MMMenuContainer0202145713_1 */	color:#ffffff;	background-color:#006699;}

Link to comment
Share on other sites

well i am not really a fan of position:absolute/relative;becarefull when you use them. cause they might cause itbut my guess is that the problem lies in

#MMMenuContainer0202145234_0 {/* This ID is related to the master menu div for menu MMMenuContainer0202145234_0 and contains the important positioning information for the menu as a whole */position:absolute;left:346px; top:128px;visibility:hidden;z-index:300;}

but can you post the whole code for the html page where you get this problem, it might help us know the constrution. and it will be easyer to spot the problem

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...