Skip navigation
blu_escape
Currently Being Moderated

Image does not center on mobile device

Jun 14, 2013 4:24 PM

Hi,

 

     I've made an html page in dreamweaver with a logo in the center. It displays just fine in every browser, but when I viewed it in the phone, it displays incorrectly (the logo is displayed on top of the page instead). I already set the image's ("navbar") left and right pixels to auto and the position to relative. Anybody know what I did wrong?

 

 

#NavBar {

          height: 500px;

          width: 420px;

          left: 15px;

          right: auto;

          position: relative;

          top: 145px;

          margin: auto;

}

 
Replies
  • Currently Being Moderated
    Jun 14, 2013 10:29 PM   in reply to blu_escape

    To receive a proper answer, please supply a link to the site.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 15, 2013 3:14 PM   in reply to blu_escape

    Not sure I understand what relationship if any a #NavBar has to a logo image.  But I will tell you that positioned elements are rarely if ever needed in primary layouts. It's actually better if you don't use positioning.

     

    Without seeing a link to your live page or at a minimun the complete code, it's hard to speculate about what you might or might not have done.

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 16, 2013 4:13 PM   in reply to blu_escape

    Hi blu_escape,

     

    Can you post your solution so that others that come across this thread know what you did?

     

    Thanks,

    Preran

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points