[SOLVED] Center a slides caption in full width mode

hello's Avatar

hello

22 Oct, 2012 08:56 AM

Hi,

I have a full width slider with an image and a div that holds some content inside the rsContent class.

What I'd like to do is center the div with content to the middle of the page, currently it sits to the left of the page. When I add a wrapper div with relative positioning I need to add negative margin-top which works on modern browsers, but not in IE7.

Is there a quick fix for this?

Thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 22 Oct, 2012 03:19 PM

    Dmitry Semenov's Avatar

    Hi,

    Elements inside slider behave like in any other part of page. Centering code depends on many factors, saearch http://stackoverflow.com/ for solution.

    Dmitry

  2. 2 Posted by hello on 22 Oct, 2012 04:23 PM

    hello's Avatar

    Solved the problem:

    Within the rsContent div I added 2 new divs:

    `

     <div class="centerContainer">
          <div class="centerMe">
                 Content
          </div>
     </div>`
    

    And styled them like so:

    .centerContainer {position: absolute; top: 40px; left: 50%; width: 960px;}
    .centerMe {position: relative; left: -50%; width: 960px;}
    
  3. hello closed this discussion on 22 Oct, 2012 04:23 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac