www.webdeveloper.com
Results 1 to 4 of 4

Thread: A tricky web layout

  1. #1
    Join Date
    Mar 2012
    Posts
    13

    A tricky web layout

    Hey guys,

    I need some help with trying to pull of something for a web site. I am not much of a developer, more of a designer. The problem is I have spend half the day trying to figure out how to create a layout that has an image spanned across the whole screen no matter your resolution. But it still needs to be centered no matter what the resolution. Below is a website that shows a perfect example of what i am talking about. Any suggestion as to lead me in the right direction would be a lot of help. I apologize in advance if i have not give enough information as to what i am looking to do. Any help will be greatly appreciated.

    http://www.mayoclinic.com/

  2. #2
    Join Date
    Nov 2002
    Posts
    2,632
    Code:
    margin: 0 auto;
    Should center the section. I think for the issue of any resolution the image is just simply that wide. It's being displayed via jQuery it looks like. There's no <img> tag for it and it's not a background image.

  3. #3
    Join Date
    Jan 2012
    Posts
    51
    Set up the proper margin component in CSS.

  4. #4
    Join Date
    Mar 2012
    Posts
    20
    what spufi said is correct. Give the div that all the content goes in the css attributes margin: 0 auto; and that should work

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles