CSS not working on wide screen monitors

Posted on 2012-08-29
Last Modified: 2012-08-29
I have an issue with a css definition that has issues when the screen size gets wide.

it seems like the top and bottom stops repeating. Not sure what would cause this. I know that this is not much info but if someone can point me in a direction...
 see attached file for example
Question by:JonMny
    LVL 18

    Expert Comment

    by:Rajar Ahmed
    Make sure you have repeat-x property ?
    Also , instead of width in Px use % on your class

    /*width:800px; For Eg*/

    Open in new window

    Reference Link

    Hope these helps you
    LVL 50

    Accepted Solution

    Two potential problems

    1. The containers are not stretching
    2. The underlying images are not actually repeating but are "wide" images - but not wide enough.

    Do you have a link we can look at?
    LVL 9

    Author Closing Comment

    Thanks it was item 2 thanks
    LVL 50

    Expert Comment

    by:Julian Hansen
    You are welcome

    Featured Post

    What Should I Do With This Threat Intelligence?

    Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

    Join & Write a Comment

    Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
    Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

    745 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now