Bar is showing on the right

Can any one please help me that why the bar is showing on the right instead of left?
Thanks
ecommerce.html
bar.jpg
mustish1Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Where you have

<div style="position: absolute; visibility: visible; background-color: rgb(195, 194, 192); width: 783px; height: 22px; font-family: 'Arial Narrow'; font-weight: bold; font-style: normal; font-size: 10pt; z-index: 101; top: 150px;  left: 376px; ">

Open in new window


get rid of left:376px;

<div style="position: absolute; visibility: visible; background-color: rgb(195, 194, 192); width: 783px; height: 22px; font-family: 'Arial Narrow'; font-weight: bold; font-style: normal; font-size: 10pt; z-index: 101; top: 150px; ">

Open in new window


You probably have to do this in your javascript.

There are a lot of validation errors as well.  I would run your url through the validator. http://validator.w3.org/

http://harriskhanusa.com/ecommerce.htm
0
mustish1Author Commented:
I am trying to find where this line is in ecommerce.htm but i couldnt find it
0
mustish1Author Commented:
I also check in the javascript file but this is also not in their

<div style="position: absolute; visibility: visible; background-color: rgb(195, 194, 192); width: 783px; height: 22px; font-family: 'Arial Narrow'; font-weight: bold; font-style: normal; font-size: 10pt; z-index: 101; top: 150px;  left: 376px; ">

<div style="position: absolute; visibility: visible; background-color: rgb(195, 194, 192); width: 783px; height: 22px; font-family: 'Arial Narrow'; font-weight: bold; font-style: normal; font-size: 10pt; z-index: 101; top: 150px; ">
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Kim WalkerWeb Programmer/TechnicianCommented:
I must be missing something here. I can't find the line that padas is referring to either.

However, without the linked images and external javascript and css, and since practically everything is absolutely positioned, I can't figure out which code is generating the menu bar either. Is that a linked image as well?

Can you post a url to the live page where all the links can resolve?

Without the external files, this is all I see. Rendered HTML with external support files.
0
mustish1Author Commented:
0
mustish1Author Commented:
0
Kim WalkerWeb Programmer/TechnicianCommented:
Apparently the menu is being generated by javascript after the page loads. I'm just guessing here, but it could be because of the following line in nwrmenu_var.js which appears to make the menu align to the right of the screen:
var MenuCentered='right';			// Menu horizontal position 'left', 'center' or 'right'

Open in new window

0
mustish1Author Commented:
ok thanks it fixed. just one more thing how to bring the whole page on the center of the screen
0
Kim WalkerWeb Programmer/TechnicianCommented:
I suggest you wrap the entire page in a div that has the style "margin: 0 auto;". You may have to give it a width as well which, based on the image at the top of your page, would be 783 pixels. Because your page relies so heavily on absolute positioning, you would need to also include a relative position attribute for this div.
<body>
	<div style="width: 783px; margin: 0 auto; position: relative;">

		....the rest of your page....

	</div>
</body>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
mustish1Author Commented:
its also fixed. Thanks. Can you please give me suggestion how to write a good code as I am not a very good coder?

Thanks again.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.