SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How To Solve Resolution Problem In Website ?

    Hi everyone, i'm having a problem with my menu bar in my blog, it runs fine in a screen resolution of 1366x768, or 1980x1080, but it doesn't look good in 1024x768 resolution, or any resolution have a width is less than 1024px, you can see the problem in the picture below:


    When i run it in 1366x768 resolution, the menu bar is normal






    in 1024x768 resolution, there is one problem, you can see that





    Tool to test website in different screen resolution: http://quirktools.com/screenfly/#u=h.../&w=1024&h=768
    My site: http://thegioidulieu.blogspot.com/

    Can anyone help me fix this problem?
    Thank in advance
    Attached Images Attached Images

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,516
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You have added 15px padding to the side of the nav bar which makes it 30px bigger than the rest of the layout so it will stay wider when the viewport is closed smaller.

    Remove the padding from here:

    Code:
    .tabs-inner {
        padding: 0 15px;
    }
    If you are using that class elsewhere you will have to compensate for its removal accordingly.

  3. #3
    SitePoint Member
    Join Date
    Apr 2013
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, This works excellent.
    Thank thank thank you very much
    Big thumbs up for you.
    //This forum helped me a lot
    //BTW, How to mark threads SOLVED?

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,516
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    //BTW, How to mark threads SOLVED?
    You just did


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •