Results 1 to 5 of 5

Thread: Can't center divs in ie7 for caption.

  1. #1
    Join Date
    Dec 2009
    Location
    Pensacola, Florida
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Can't center divs in ie7 for caption.

    I can't get the captions to center for ie7.

    http://www.vulcaninc.com/?p=vulcan_signs_products

    I've tried several attempts to center the divs that are used to horizontally center the text within the blue but can't get the text to center vertically. What am I missing?

    Thanks in advance.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Here's one way:

    HTML Code:
    <span class="caption"> <div style="text-align: left"><div><div style="width: 100%">Brackets</div></div></div> </span>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    GeorgeS (12-29-2009)

  4. #3
    Join Date
    Dec 2009
    Location
    Pensacola, Florida
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Well that seemed too easy. That works. Thanks a bunch.

    The only other thing I did was text-alignment: center on the third div in the span.caption.

    I didn't need margin: 0 auto on the 1st and 3rd div so I took that out as well.

    One more piece of the puzzle. The entire list is not centered. Is there a trivial way to get it centered for ie7.

    Thanks.

    G

  5. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Again, here's one way:

    Code:
    . . .  <tr align="left" valign="top">
        <td class="bluestrip"  rowspan="1" colspan="1" width="7" height="178"><img border="0" width="7" height="178" src="/template/template4_images/vulcan_main_page_blue_jpgR3C2.jpg" alt="" /></td>
        <td style="text-align: center" class="content" rowspan="2" colspan="3" width="900"><div class="content"><h1>Vulcan Signs Products
    </h1>
    <div class="instructions1">Click on an image below for more information.</div>
    <ul class="thumbwrap">
    <li><div><a href="http://www.vulcaninc.com/?p=vulcan_signs_category_brackets"><span class="wrimg"><span></span><img alt="Vulcan Signs Prod . . .
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. The Following User Says Thank You to jscheuer1 For This Useful Post:

    GeorgeS (12-29-2009)

  7. #5
    Join Date
    Dec 2009
    Location
    Pensacola, Florida
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    well duh. Thanks. I had missed that. I'll have to get to it from bottom leaf up so not to disturb pages that don't need content to be centered.

    Thanks again.

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
  •