• Register
    • Help

    striker  0 Items
    Currently Supporting
    • Home
    • News
    • Forum
    • Wiki
    • Support
      • Manage Subscriptions
      • FAQ
      • Support For
        • VaultWiki 4.x Series
        • VaultWiki.org Site
    • What's New?
    • Buy Now
    • Manual
    • 
    • Support
    • VaultWiki 3.x Series
    • Bug
    • Quote BBCode Overshadows Tables

    1. Welcome to VaultWiki.org, home of the wiki add-on for vBulletin and XenForo!

      VaultWiki allows your existing forum users to collaborate on creating and managing a site's content pages. VaultWiki is a fully-featured and fully-supported wiki solution for vBulletin and XenForo.

      The VaultWiki Team encourages you to join our community of forum administrators and check out VaultWiki for yourself.

    Issue: Quote BBCode Overshadows Tables

    • Issue Tools
      • View Changes
    1. issueid=1228 March 7, 2010 6:19 PM
      Mokonzi Mokonzi is offline
      Senior Member
      Quote BBCode Overshadows Tables
      Quote BBCode Overshadows Tables

      The Quote BBCode when displayed, covers over any tables displayed in an article. In doing this, the text is wrapped at the appropriate point, but the background continues to a full 100%.

      Demonstration here: http://www.thexuniverse.com/showwiki/Eel

      I'm not sure what causes it, but is it the zindex in the CSS that controls what over lays various elements? Is this just a vB bug?
    Issue Details
    Issue Number 1228
    Issue Type Bug
    Project VaultWiki 3.x Series
    Category BB-Code Parsing
    Status Browser Bug
    Priority 6 - Dev-Related Tasks
    Affected Version 3.0.0 Beta 5
    Fixed Version (none)
    Milestone VaultWiki 3.0.0
    Software DependencyAny
    Users able to reproduce bug 0
    Users unable to reproduce bug 0
    Attachments 1
    Assigned Users (none)
    Tags (none)




    1. March 7, 2010 6:36 PM
      pegasus pegasus is offline
      VaultWiki Team
      I can't even really see what you mean. What browser are you using?
      Reply Reply  
    2. March 8, 2010 2:35 AM
      Mokonzi Mokonzi is offline
      Senior Member
      Firefox 3 and IE8. Both display the quote section overlapping the table on the right. I'm not sure if it does it in Opera, as my version isn't loading the image, which makes the table short enough not to be affected.

      I'll upload a picture shortly...
      Reply Reply  
    3. This petition for a change to Confirmed was rejected
      March 10, 2010 4:45 PM
      Mokonzi Mokonzi is offline
      Senior Member
      Any more data on this peg?
       
    4. March 10, 2010 10:32 PM
      pegasus pegasus is offline
      VaultWiki Team
      This is a vBulletin/Browser Bug involving the way the QUOTE blocks are styled. Because they use divs, which are block-level elements, 100% width of the container is calculated. Only inline elements will wrap to floated objects (like the text-node inside the QUOTE block), but the box containing the text will not. This is a quirk of CSS (and isn't fixable by setting display: inline) and is not solvable unless vBulletin restyles the QUOTE block using inline elements (such as SPAN) or a TABLE (which would not be proper use of the TABLE tag, but which only stretches to the available space).

      Even if certain wiki elements like IMAGE blocks were recoded with inline elements, this problem would still persist because it's the way div, hr, h2, and other block elements interact with floats.

      Instead of restyling the QUOTE block, another option is to "clear" it, so that if there are floated objects around it, it will render either before or after the float, rather than in the same line.
      Reply Reply  
    5. March 12, 2010 12:38 PM
      Mokonzi Mokonzi is offline
      Senior Member
      This issue note was made as an issue.
      Thanks Pegasus. I'll post a few options in the modification section on how to fix this, but here's the basics:

      Edit the template bbcode.css

      At the end add:


      Code:
      /* Quote Fix */
      .bbcode_quote {
      	clear: both;
      	max-width: 60%;
      	width: 60%;
      }
      If you want the quote to drop below, remove the max-width and width classes. If you want to reduce the quote size universally across the site and remove the clear class.
      Reply Reply  
    + Reply

    Assigned Users
    Loading Please Wait
    Tags
    Loading Please Wait
    • Contact Us
    • License Agreement
    • Privacy
    • Terms
    • Top
    All times are GMT -4. The time now is 11:52 AM.
    This site uses cookies to help personalize content, to tailor your experience, and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Learn more… Accept Remind me later
  • striker
    Powered by vBulletin® Version 4.2.5 Beta 2
    Copyright © 2023 vBulletin Solutions Inc. All rights reserved.
    Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2023 DragonByte Technologies Ltd.
    Copyright © 2008 - 2013 VaultWiki Team, Cracked Egg Studios, LLC.