Li tag shifts my webpage left 10ish pixels

Hi,
I'm not too sure of all the information someone might need to
identify my issue here but its completely stumped me.
I have made a website with a header / footer / left column /
main content center / right column. It uses em as the size
mesurment in css.
Now the problem is if I put an li tag anywhere on the page it
moves the whole thing left about 10 pixels in the browser. I have
no css affecting li tags at all. The only css I have is on the ul
and ol tags. If I put and ul or ol tag without any li tags in it
the webpage is fine and doesn't move.
If I can supply any information that could help identify this
just let me know. any help would be much appreciated.
Cheers
Simon

> Now the problem is if I put an li tag anywhere on the
page it moves the
> whole
> thing left about 10 pixels in the browser.
Which browsers? Could it be the appearance of the vertical
scrollbar that
you are seeing?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"kanuvas" <[email protected]> wrote in
message
news:ga6212$80e$[email protected]..
> Hi,
>
> I'm not too sure of all the information someone might
need to identify my
> issue here but its completely stumped me.
> I have made a website with a header / footer / left
column / main content
> center / right column. It uses em as the size mesurment
in css.
>
> Now the problem is if I put an li tag anywhere on the
page it moves the
> whole
> thing left about 10 pixels in the browser. I have no css
affecting li
> tags at
> all. The only css I have is on the ul and ol tags. If I
put and ul or ol
> tag
> without any li tags in it the webpage is fine and
doesn't move.
>
> If I can supply any information that could help identify
this just let me
> know. any help would be much appreciated.
>
> Cheers
>
> Simon
>

Similar Messages

Adobe Muse page is shifting to the left

Hello,
I love Adobe Muse and have been using it for some time now. I HAVE had this problem before but it was due to elements being placed outside of the page area, so of course I investigated that first. Unfortunately, I'm still having that problem and I've triple checked my elements to make sure they werent hanging off but I'm still not getting the page to allign when opening the page in IOS. I read another feed that offered a code = <meta name = "viewport" content = "width = XXX" initial-scale = 1.0> to be put into the metadata but that isn't working either. I have included a link to the page below.
Can anyone lend a hand? It would be greatly appreciated.
http://ultimateretreats.org

I am having a similar problem when I preview my mobile in Muse. All of my content gets shifted to the left or the menu get's shifted to the left. I don't have any elements or objects on the page the are overlaping into the browser background area of the site either. Please check out the screen shots that I have included below. I would VERY much appreciate a solution to this problem.
Thank you!

While using Skype on my mac pro the screen freezes and splits in two and the left hand side shifts to the right and the right shifts to the left with a large black block down the centre, should I take it back to store as it is only a month old??

I have only had my mac one month and it seems while I use Skype the screen freezes and I cant click on anything and everything on the right hand side of the screen shifts to the left and the left to the right with a back block down the centre and sometimes lines running down the screen over all. As it is almost brand new should I be going back to store to get this problem fixed??

Yes. You are still under warranty. Why waste it?

Screen shifts to the left and left half of my screen appears on the right.

So there were some issues with my Harddrive, after having it replaced at the genius bar I chose to reinstall everything rather then just restoring from my Time machine.
After reinstalling Mountain Lion my screen occasionally shifts to the left and the left half of my screen appears on the right.
It seem completely random and occurs randomly. I haven't been able to tie it to any specific program.
After a couple of days of this happening once or twice a day I called apple and they suggested I do a fresh reinstall and don't move any of my data over and see if the error re-occurs. It didn't (tried it for 1-2 days..) but it might well be lucky/random that it didn't happen.
In any case.. since I couldn't deal for another day without my stuff I restored from Time Machine and the error did happen again.
So... it's something on my mac. I've done all updates... obviously
I have no idea what to do.. Everytime it happens, my mac just freezes and I can't do anything but for shutdown by pressing the shutdown menu.
How can I debug this? Anyone ever heard of this before?
Here are some screenshots: let me know if you need anything else.

Clear the cache and the cookies from sites that cause problems.
* "Clear the Cache": Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
* "Remove the Cookies" from sites causing problems: Tools > Options > Privacy > Cookies: "Show Cookies"
See also:
* http://kb.mozillazine.org/Websites_look_wrong
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
* Don't make any changes on the Safe mode start window.
* https://support.mozilla.com/kb/Safe+Mode
* [[Troubleshooting extensions and themes]]
In Firefox 4 you can use one of these to start in <u>[[Safe mode]]</u>:
* Help > Restart with Add-ons Disabled
* Hold down the Shift key while double clicking the Firefox desktop shortcut (Windows)

Everything shifts to the left while using flash player on Chrome

So, for a month or so Flash has been doing this to me:
http://i.imgur.com/6VjST.png
Notice how there are two scroll bars? Now i could deal with that, but the problem is, everything shifts to the left - meaning i have to go further to the right to select text, links, or change the options in the Youtube flash player. This doesn't just happen with Youtube, but really with any website i've seen so far that has video playback. Also, it may seem like the left bar in the video is bigger, that's Fraps's fault. This only seems to happen on Chrome, and only on this very specific laptop i'm using (An HP Pavillon g6 if that helps).
I'd like to know how i can fix this bug, because it's been... well, bugging me. Pun not intended.

I believe you are running into the following bug: Issue 140239 - An additional scroll bar appears at the right on many sites
From what I understand, this is fixed with the Chrome Canary build (a beta release of Chrome) and if all goes to plan, will eventually wind up in their released build soon.

The "alt, ctrl and shift" on the left side of my keyboard keys integrated notebook did not work. What should I do?

The "alt, ctrl and shift" on the left side of my keyboard keys integrated notebook did not work. What should I do?

Hi Luis Fernando Garcia,
Thanks for using Apple Support Communities. This article has troubleshooting for keys not working on your keyboard:
One or more keys on the keyboard do not respond
http://support.apple.com/kb/ts1381
Some keys don't work as expected
From the Apple menu, choose System Preferences.
From the View menu, choose Speech.
Click the Text to Speech tab.
If "Speak selected text when the key is pressed" is enabled, the key or key combination set to speak text cannot be used for other purposes or used to type text--click Set Key and change it to a less-commonly used key combination (try to use modifier keys such as Shift, Command, Option, and Control). Or, disable the "Speak selected text when the key is pressed" option.
Click the Universal Access pane in System Preferences, click the Keyboard tab.
Make sure that Slow Keys is turned off. With Slow Keys on, you need to press a key for a longer period of time for it to be recognized.
In the Universal Access pane, click the Mouse tab, and make sureMouse Keys is turned off. With Mouse Keys enabled, you cannot use the Numeric Keypad to enter numbers--instead the keypad moves the pointer (cursor). (There is an option to enable Mouse Keys with five presses of the Option key; you may want to turn that option off to avoid accidentally enabling it.) If Mouse Keys is enabled and you are using a keyboard with no numeric keypad or Num Lock function, seeUnable to type while Mouse Keys is enabled in Mac OS X.
If the function keys on the top row of the keyboard are not working as expected, see Mac OS X: How to change the behavior of function keys.
If the issue persists, use Keyboard Viewer to help isolate the issue:
Click the Language & Text pane (Mac OS X v10.6) or International pane (Mac OS X v10.5.8 or earlier) in System Preferences.
Click the Input Sources tab (or Input Menu tab in Mac OS X 10.5.8 or earlier).
Click the Keyboard & Character Viewer "On" checkbox to select it (click the Keyboard Viewer "On" checkbox in Mac OS X 10.5.8 or earlier).
From the Input (flag) menu, choose Show Keyboard Viewer.
If the keyboard is connected and detected by Mac OS X, the keys you type will highlight in the Keyboard Viewer window. Open TextEdit (or any text application), and try to type something using the keys that were previously not responding to see if they highlight in Keyboard Viewer.
Cheers,
- Ari

Some pages shift to the left on iOS mobile platform

This persistent problem is driving me nuts. Some pages of my mobile sites shift to the left. All of the pages are similarly sized: 420 w x 570 h.As recommended in another thread, I inserted <meta name = "viewport" content = "width = XXX" initial-scale = 1.0> in the metadata to no avail. An example can be found here: http://rockandvine.businesscatalyst.com/index.html.

Hi,
It seems there are navigation arrows placed to the far right (beyond page) on the pages/master in the Phone layout.
Please check: https://grabb.worldsecuresystems.com/2013-09-20_0115.png
Removing these should alight the pages correctly.
Hope that helps.
Cheers,
Vikas

Payment medium - Text fields shifted to the left

Hello Experts,
after running the payment run, the payment media is created but the text fields that are written in the files are shifted to the left.
The files contains 4 text fields. In the first text field should be written the value LS_REF1 and in the second one the value LS_REF3
If LSREF1 is blanc, then the value of LS_REF3 is written in the first text field.
Is it possible to avoid that SAP shift the fields to the left? In the function module FKK_PAYM_DEDIUM_WRITE is used the FM FKK_DME_DETAILS_FILL, which shift the values.
Cheers and thanks in advance
Edited by: prashak80 on Jul 23, 2010 12:16 PM

In the respective field properties (double click the field node), goto Attributes tab. There you'll find a field 'Conv. function'. Press F4. You'll be presented with many functions. Scroll down and find functions starting with C. Select the one that best suits your needs. This is for maintaining the alignment within the field output.
If your problem is that REF1 field is skipped when there are no values and that's what is causing the alignment as REF3 is shifted to that extent, then you need REF1 field to output at any cost irrespective of any values are present. In this case, check the status filed in the same tab. The status field should be blank (standard).
You can also consider Target offset field. This will offset as many number of characters in the output field. You might have to play with these settings.
Hope this helps.
Ravi.

IPhone 6 front camera shifted to the left

MY iPhone 6's camera is shifted to the left, and there is a gray crescent showing to the right of it. The model is: A1549.

So, make an appointment at the Genius Bar of the nearest Apple Store and have the device looked at. If it is determined to be a manufacturing defect, they will replace it. This is a user to user forum, so no one here could really help you fix it.

Site shifts to the left on iOS

My website looks fine on my laptop but when I view it on the ipad it shifts to the left. I have no content to the right which would do this.
Also, I was trying to make an image large so that it would continue to be seen to the left and right of the site on larger screens but this made the ios shift even further to the left. I decided to scrap this part for now but I still have the shifting issue.
Any ideas?
This is a screenshot from my laptop in Safari:
This is a screenshot from the ipad:

Hi,
Muse pages are currently coded to work with desktop browsers. You may experience inconsistent display/behavior on mobile devices. The team is currently exploring workflows and solutions for mobile/tablet device browsers.
We have also updated the Getting Started with Adobe Muse (Part 7) tutorial to include information on how to approach consistency in your design across multiple devices:
Making a Device Friendly Website
http://www.adobekb.com/getting_started_07.html#makingdevice
Please provide feedback about mobile site design to the Muse product team in the following topic:
Muse team looking for Mobile Website feedback
Regards,
Abhishek Maurya

CFMENU in IE6 shifts to the left and is wider than containing DIV

I have a horizontal CFMENU inside of a DIV, and in IE7/IE7/FF/Chrome, the menu is floated to the right, as specified in my CSS, but in IE6, the menu shifts to the left of the DIV that contains it, and it's width expands beyond the boundaries of the containing DIV. I've included all the applicable HTML and CSS below:
HTML:
    <body>
         <div align="center">
             <div id="bodyContainer">
                 <div class="contentContainer">
                     <div id="middlenav">
                         <div class="linksContainer">
                             <cfmenu name="ajaxMenu" type="horizontal">
                             </cfmenu>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </body>
CSS:
body, img, div, p, a, form, fieldset, ol, ul, label {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: black;
body {
    background-color: #E6E6E6;
    background-repeat: repeat-x;
    width: 100%;
div {
    overflow: hidden;
p, form, table, ol, ul {
    padding-top: 10px;
ol ul {
    padding-top: 5px;
    list-style-type: disc;
ol, ul {
    margin-left: 30px;
li {
    padding-bottom: 5px;
a {
    text-decoration: none;
a:hover {
    text-decoration: underline;
.linksContainer {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
.linksContainer a {
    font-size: 13px;
.contentContainer {
    background-color: white;
    border-color: #00338D;
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-bottom: none;
#ajaxMenu {
    width: 960px;
#ajaxMenu,
#ajaxMenu div.bd,
#ajaxMenu ul,
#ajaxMenu li.yuimenubaritem {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: white;
#ajaxMenu a.yuimenubaritemlabel {
    border-color: black;
    border-width: 0px 0px 0px 2px;
#ajaxMenu li.first-of-type .yuimenubaritemlabel {
    border-left-width: 0px;
#ajaxMenu ul {
    height: auto;
    width: auto;
    border-style: none;
/* Hide down arrow on CF_generated AJAX menus */
#ajaxMenu .submenuindicator {
    visibility: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 0px;
#ajaxMenu li {
    height: auto;
    width: auto;
#ajaxMenu li.yuimenuitem {
    margin-bottom: -5px;
#ajaxMenu li.yuimenuitem a {
    padding: 5px 12px 5px 12px;
#ajaxMenu li a {
    font-size: 13px;
    padding: 1px 8px 1px 8px;
    text-decoration: none !important;

I have a horizontal CFMENU inside of a DIV, and in IE7/IE7/FF/Chrome, the menu is floated to the right, as specified in my CSS, but in IE6, the menu shifts to the left of the DIV that contains it, and it's width expands beyond the boundaries of the containing DIV. I've included all the applicable HTML and CSS below:
HTML:
    <body>
         <div align="center">
             <div id="bodyContainer">
                 <div class="contentContainer">
                     <div id="middlenav">
                         <div class="linksContainer">
                             <cfmenu name="ajaxMenu" type="horizontal">
                             </cfmenu>
                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </body>
CSS:
body, img, div, p, a, form, fieldset, ol, ul, label {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: black;
body {
    background-color: #E6E6E6;
    background-repeat: repeat-x;
    width: 100%;
div {
    overflow: hidden;
p, form, table, ol, ul {
    padding-top: 10px;
ol ul {
    padding-top: 5px;
    list-style-type: disc;
ol, ul {
    margin-left: 30px;
li {
    padding-bottom: 5px;
a {
    text-decoration: none;
a:hover {
    text-decoration: underline;
.linksContainer {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
.linksContainer a {
    font-size: 13px;
.contentContainer {
    background-color: white;
    border-color: #00338D;
    border-style: solid;
    border-width: 2px;
    border-top: none;
    border-bottom: none;
#ajaxMenu {
    width: 960px;
#ajaxMenu,
#ajaxMenu div.bd,
#ajaxMenu ul,
#ajaxMenu li.yuimenubaritem {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: white;
#ajaxMenu a.yuimenubaritemlabel {
    border-color: black;
    border-width: 0px 0px 0px 2px;
#ajaxMenu li.first-of-type .yuimenubaritemlabel {
    border-left-width: 0px;
#ajaxMenu ul {
    height: auto;
    width: auto;
    border-style: none;
/* Hide down arrow on CF_generated AJAX menus */
#ajaxMenu .submenuindicator {
    visibility: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 0px;
#ajaxMenu li {
    height: auto;
    width: auto;
#ajaxMenu li.yuimenuitem {
    margin-bottom: -5px;
#ajaxMenu li.yuimenuitem a {
    padding: 5px 12px 5px 12px;
#ajaxMenu li a {
    font-size: 13px;
    padding: 1px 8px 1px 8px;
    text-decoration: none !important;

My screen shifts to the left

My screen keeps shifting to the left, and my text size changes also when I am in the middle of doing something

This solved my issue, regards Jeroen
Frederic1943 Portland, Oregon U.S.A.
Re: Dock/Display shifts to the right?
Apr 24, 2011 9:33 AM (in response to woodyfromhailey)
It sounds like the "Zoom" feature is being activated. Check in "System Preferences">"Universal Access" to make sure it's off. You can also turn it on or off with the key combination "Option, Command, Number 8"

Pages shift to the left

When printing to an HP 3550 in Windows 7 a single page document prints 9 separate pages each slight shifted to the left until the last document only has about a 1/2" of the document on the right side of the page. This does not happen all of the time but most of the time.

Hi,
It seems there are navigation arrows placed to the far right (beyond page) on the pages/master in the Phone layout.
Please check: https://grabb.worldsecuresystems.com/2013-09-20_0115.png
Removing these should alight the pages correctly.
Hope that helps.
Cheers,
Vikas

Icons in the left nav shift to the left

Hello everyone,
Is there a way to prevent the first tier icons in the left
navigation (TOC) to prevent shifting to the left when we click on
the second tier of icons? The user has to use the horizontal scroll
bar to move the left nav pane to the left to view the first tier
again. Thank you.

Not that I know of in the way you describe. However could you
make the pane wider to stop that? If so visit www.robowizard.com
and download the Tips and Tricks file. I believe that is described
in there if your output is a CHM file.

Why do assets shift to the left when I delete something? For example if I have a whole series of te

Why do assets shift to the left when I delete something? For example if I have a whole series of text inserts in my movie and I delete one... assets to the left of the deleted text will shift. And the snap is NOT checked. It would be helpful if assets would stay in place and not shift to the left ... groan.
And thanks for the help previously given on another issue. I can't seem to find the origional post but did want to thank Steve for his help. Most appreciated.
Bev

Hold the Shift key down while you press delete.
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

Li tag shifts my webpage left 10ish pixels

Similar Messages

Maybe you are looking for