Log in

View Full Version : Can't center divs in ie7 for caption.



GeorgeS
12-29-2009, 03:15 PM
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.

jscheuer1
12-29-2009, 04:32 PM
Here's one way:


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

GeorgeS
12-29-2009, 04:49 PM
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

jscheuer1
12-29-2009, 05:30 PM
Again, here's one way:


. . . <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 . . .

GeorgeS
12-29-2009, 06:15 PM
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.