Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Positioning Distorted when minimize browser size

    hey guys,
    i searched through all the threads and couldn't find the answer to my problem..maybe youll be able to help.
    im working on this website:
    http://www.raceit.co.il/meira1


    for some reason when i minimize the window everything else distorts and collapses.
    i tried to use min-width and other similiar solutions but nothing seems to work.
    any ideas? ill be grateful.

    here is a screenshot:
    Last edited by Operations1; 02-10-2012 at 10:45 PM.

  • #2
    Regular Coder
    Join Date
    Feb 2012
    Location
    Nebraska, USA
    Posts
    132
    Thanks
    8
    Thanked 19 Times in 19 Posts
    Hello Operations1,

    Welcome to CodingForums.com, we're glad to help out

    Unfortunately I'm unable to view your code on your live site since you've disabled Right-Clicking on the page in order to prevent people from stealing the images
    (which is futile btw, all of your images can be accessed by going right here).

    Could I ask you to post the code that you're currently working with so that we can have a better understanding of how exactly you have your page structured?
    Last edited by dylanbaumannn; 02-10-2012 at 10:52 PM.

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Code:
    Unfortunately I'm unable to view your code on your live site
    Ctrl+U?

    Looks like you're serving specific css that changes with screen-width:

    Code:
    <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 1300px)' href='http://meiratdesigns.com/wp-content/themes/meirat/css/screen_a.css' />
    <link rel='stylesheet' media='screen and (min-width: 1301px) and (max-width: 1900px)' href='http://meiratdesigns.com/wp-content/themes/meirat/css/screen_b.css' />
    which is what you are seeing when you reduce the viewport.


  •  

    Posting Permissions

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