SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Location
    San Diego
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    <Caption> collapses in Chrome

    <Caption> collapses in Chrome. Works in all other browsers--even in IE7.
    I am floating an image inside the caption to the right and it breaks in Chrome.

    <style type="text/css">
    caption{background-color: #666; color:#fff; font-weight:bold; text-align:left; padding:6px; font-size:18px; border-right: 1px solid #003366;border-left: 1px solid #003366; border-top: #003366;}
    </style>

    ...

    <table>
    <caption><div style="float:left;">Activity this month</div> <div style="float:right;"><img src="/maxcenter/screens/images/analytics_logo.gif" /></div></caption>
    <tr>
    <td>...</td>
    </tr>
    </table>


    Chrome Collapses (dark caption header's height collapses):


    IE and Firefox works:

  2. #2
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    Arnhem, The Netherlands
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Give the caption an overflow:hidden?

  3. #3
    SitePoint Member
    Join Date
    Sep 2006
    Location
    San Diego
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Hueij View Post
    Give the caption an overflow:hidden?
    Udaman! That's it!

    I thought overflow should hide, not display. It doesn't make sense. Why does it work? I thought the logic was,
    everything that overflows, hide." Shouldn't there be a tag called "under-flow: display;"? haha.


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
  •