Absolute positioned div does not display do not properly on the iPad/mobile devices

Hi guys,.

I made a website that works in the usual web browsers and seems fine. However, my customer brought to my attention that the logo shifts on the far right during a test on an iPad or mobile phone. I checked on my HTC and the customer seems to be just.

The div tag that the logo is in is positioned absolutely with a value of 'left' to make him sit on the navigation bar and doesn't interfere with anything else. I thought about using a style alternative and added the code...

< link rel = "stylesheet" href = "scripts/styleAlt.css" type = "text/css" media = "Pocket" / > "

.. .but it made no difference.

I was wondering if someone else would be able to take a look and see if we can come up with a solution please is the website here - as I say, that's good in FF or IE, but screw upwards on mobile devices, I think.

Thank you very much and I hope to hear from you.

All the best,

SM

In fact, the logo is not spend but what does elsewhere on the page.  When you use position: absolute, you delete the content of the normal flow of the document.  The AP element is positioned compared to the next positioned parent element.  And if none is declared in your CSS, the element is from the top of the browser, and to the right.

By the way, if you resize your viewport in Firefox, IE, etc... you will see the same thing happen.

A quick fix is to add the position: relative to your division #container.

#container {}

Width: 859px;

margin: 0 auto;

position: relative;

}

In addition, you need to set again positioning of the logo.

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • app Keynote does not appear on the iPad

    The keynote application icon does not appear on the IPad. Also impossible to download the application. However, I can open the app on the Apple store and then the application icon appears in the Suggestions of Siri. Why didn't - it is not the icon of the Keynote that appears on the iPad?

    It is possible that you have accidentally hidden application in a folder because it looks like it is on the device, if it opens from the app store App.

    TT2

  • I have not done an iTunes sync in almost a year, and since that time have installed Windows 10. iTunes now does not connect with the iPad. Any suggestions?

    I have not performed a synchronization of the iPad to iTunes in almost a year. Since that time PC now works Windows 10, iTunes does not connect with the iPad or the iPhone 6.  Any suggestions?

    Thank you

    To work with iOS 9.2, you must update iTunes to 12.4 v.

  • Driver VGA Dual-Mode Camera installs but the device does not appear in the list of devices to Windows Photo Gallery

    Driver VGA Dual-Mode Camera installs but the device does not appear in the list of devices to Windows Photo Gallery

    Hello

    I will need to know the brand and model of the device in order to help you solve it.

    You see the device listed in the Control Panel, hardware and sound, scanners and cameras?
    Brent
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • test for DPS application to v32, the ipa file does not install on the iPad

    revised to v32, DPS SE application test does not install on the iPad using iTunes to synchronize the ipa file.  The icon is grayed out, and it just says 'installation', but does not end. Folio test OK in Adobe Content Viewer. Try to get this right for v32 and iOS8

    This means that you have used a .mobileprovision file that is not your UUID in there device. Make sure you use the right .mobileprovision file, and your device UUID has been successfully added to him.

    Neil

  • BlackBerry Q10 Q10 early does not connect to the Wind Mobile

    My version of the Q10 does not connect to the Canada to Wind Mobile. Is it possible to change this? Flash material? New motherboard?

    Thank you.

    The SQN100-1 is not the frequencies appropriate for wind. Nothing that do you can change that. It's just a hardware problem. Here is a good wiki:

    http://en.Wikipedia.org/wiki/BlackBerry_Q10

  • XML with a member does not properly in the data model

    I use XmlDataAccess class to load an XML list in GroupDataModel. Everything works fine if the XML file has more than one Member, however, it does not load if the list contains a single member. I use the following code to get the XML content:

    QVariant list = xda.load(home.absoluteFilePath("MembersList.xml"),"/members/member");

    I need to know if the list has only one or 2 + members, so I can direct the data model to load with the appropriate settings. Can I know the number of members in the list?

    This problem is closely related to this question, where a solution QML is given.

    Hi Mitch99,

    Please see this forum post for a workaround for this problem. I tested it and confirm that it works as with QML.

  • 4.0 ai2 - automatic adjustment does not properly in the result of the query grid

    Hello

    in 4.0 ai2 automatic adjustment does not work in the result of the query grid.

    Rather than shrink the columns to the narrower size taking into account topics and content (see 3.2), it auto ' enlarged to fit the entire grid of data query.

    She looks worse and makes it harder to see results at a glance.

    Bug and will be fixed for the release of v4.

  • My site does not work on smartphone/Tablet/mobile devices. Why?

    My site is display differently and does not not on mobile devices such as the iPad and the iPhone, etc.

    I have to double tap to bring up submenus, sometimes they come to all the... Everything is shifted to the left and some content is not displayed correctly. How can I fix?

    Muse pages are currently coded to work with desktop browsers. You may experience inconsistent behavior/display on mobile devices. The team is currently reviewing workflows and solutions for mobile/tablet device browsers.

    We have also updated the tutorial to get started with Adobe Muse (part 7) to include information on how to address the consistency in your design with several devices:

    Make a user friendly site of device

    http://www.adobekb.com/getting_started_07.html#makingdevice

    Please provide your comments on the mobile site design to the product team of Muse in the following topic:

    Muse team looking for Mobile Web site comments

  • StageWebView does not appear on the iPad

    Hey all,.

    I use a simple document. There is nothing in the library and the SWF is pointed to the class 'Hand' (Main.as is in the same folder). All the Main.as has this code super complex:

    package
    {
    import flash.display.MovieClip;
    import flash.geom.Rectangle;
    import flash.media.StageWebView;

    SerializableAttribute public class Main extends MovieClip
    {
    private var swv:StageWebView = new StageWebView();

    public void Main()
    {
    SWV.stage = stage;
    swv.viewPort = new Rectangle (0, 0, 1024, 768);
    swv.loadURL ("http://www.google.com' ');
    }
    }
    }

    Nothing is displayed. I run it in flash (ctrl + enter to test the movie) and I see google load. I see absolutely nothing on the ipad2. Ideas, I do not see why the StageWebView?

    StageWebView not work when you use test movie, compile and convert to ipa and check it into the ipad, it will work.

  • iTunes movie does not show on the ipad after download

    When I rent a movie via itunes on my ipad air 2 it runs it through the treatment of download, but the film does not show in one of my shopping list

    To download in the video the iPad app play you (which is where you looked too?) -It will appear in the purchased for redownloading, rentals are a unique download only

  • HP pavilion ab027tx 15: Equalizer b &amp; o does not properly after the update of windows 10

    I've updated to windows 10. .and I have installed the latest driver realtek audio on my laptop from the HP website.

    The B & play 0 appears in the control panel and list of icons. But I am not able to change the mode(music/voice/movie) in the room B & O when you listen to music and watch YouTube etc .i have reinstalled the driver realtek audio, but the same problem appears. Please tell the solution for this problem

    It does not work when I use my headset

    Hi there @pavan_014.

    Thank you for visiting the Forums HP's Support and welcome! I think the problem you are having is your sound and headphones since the Windows 10 upgrade.

    Note Remove all USB devices. Disconnect all devices of non-essential, as these can cause some problems.

    Although you had already uploaded/updated new drivers, I would suggest trying to uninstall all the drivers of its current:

    • Go to the Device Manager
    • Click sound, video and game controllers
    • Right-click on the audio driver
    • Click on uninstall
    • Restart your computer laptop twice
    • Try the speakers

    You can use the HP Support Assistant's drivers. Here is a link to the HP Support Assistant, if you need it. Simply download and run the application and it will help with the software and drivers on your system that need updated for Windows 10.

    Are - what you happened to try the audio Troubleshooter? It might be able to solve your problem automatically.

    You can find the great troubleshooting steps in document No. sound from speakers as well as resolution of the headphones and headset problems. This document contains several troubleshooting steps that may prove useful.

    Please follow provided the troubleshooting steps, re-post and let me know the detailed results of the troubleshooting.

    Thank you!

    Have a great day!

  • fonts Mathematica does not properly after the senior at el capitan

    I used Mathematica 5.2 on my MBP with Mountain Lion. After the upgrade to El Capitan, there is a problem loading the fonts and Mathematica does not load correctly. Any ideas? Wolfram has a package of fonts, but don't know what fonts to download or how to install them on my MBP. Any ideas?

    Please, back up all data before proceeding.

    Launch the application book fonts and validate all the fonts. You must select the fonts in order to validate them. See the built-in Help and support article for instructions. If the font book detects any problems, solve them.

    Start in safe mode rebuild the font caches. Restart as usual and test.

    Note: If FileVault is enabled in OS X 10.9 or an earlier version, or if a firmware password is defined, or the boot volume is a software RAID, you cannot start in safe mode. In this case, ask for instructions.

    If you still have problems, then in the font book menu bar, select

    The file restore Standard ▹ fonts...

    You will be prompted to confirm and then enter your administrator login password.

    Also note that if you disable or remove built-in fonts, for example by using a third-party font manager, the system may become unstable.

  • Play Lenovo Vibe K4 Note mobile store does not properly after the recent update...

    After the last update, my game store does not work correctly. A lot of apps is not proceed with the installation an error...

    Help, please

    Hi Digambar,

    Welcome to the community of Lenovo!

    Please perform the below mentioned the troubleshooting for the troubleshooting steps:

    1. go to settings--> Apps--> all Apps-> Google Playstore: clear the Cache, erase the data
    Note: All browsing history will be get deleted.
    2. If the problem is persists kindly update the playstore Google later.
    3. make sure that the update of the system is up-to-date.

    Please come back to us if the trobleshooting helped you.

    Thank you & best regards

  • I use a Toshiba Windows 10 computer to manage my Itunes account.  I have an Iphone with IOS 9.2 6.  When I connect to Itunes and connect my phone to the computer, it does not appear in the list of devices.  Help?

    I have a 6 Iphone with IOS 9.2 and when I connect it to my computer Toshiba P75-A7200 with Windows 10 - and I connect to my Itunes account, my Iphone does not present as a listed device.

    Can someone help me?

    http://lmgtfy.com/?q=iPhone+not+recognized

Maybe you are looking for