1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Blockquotes causing unwanted outdenting of text after quote?? IE6

Discussion in 'CSS' started by axemedia, Mar 7, 2008.

  1. #1
    When i use blockquote tags why does the text after the closing blockquote tag end up indenting itself in the opposite direction (outdenting) only to be cut off outside of the box?

    If i have multiple block quotes it keeps getting pushed out more each time.

    Works fine in FF but f*cked in IE6. I have not bothered to check IE7 yet. Check the attached image to see what I am talking about.

    Anyone know a fix for this? Other than not using blockquotes and just placing stuff in a div styled to create the same effect i wanted out of blockquotes. I did some searching (lots) on Google and cant find anything about this. Only one reference to someone seeing the same thing but no solution.
     

    Attached Files:

    axemedia, Mar 7, 2008 IP
  2. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #2
    What's your CSS code for the blockquote? Also, it would help if you posted the actual page.
     
    Katy, Mar 7, 2008 IP
  3. axemedia

    axemedia Guest

    Messages:
    1,070
    Likes Received:
    79
    Best Answers:
    0
    Trophy Points:
    0
    #3
    blockquote {
    margin: 5px 30px 15px 10px;
    padding: 5px 5px 2px 20px;
    border-left: 5px solid #ddd;
    background-color:#eee;}
    Code (markup):
    here's a page with blockquotes on it

    I'd rather these pages don't get crawled yet by Google bot. Hopefully they obey my noindex, nofollow tags.

    I still have not checked this in IE7
     
    axemedia, Mar 7, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Wow, this is an interesing one.

    If IE7 does it too (I'm at home on the Linux machine so can't test) then we can get a better idea of whether or not this is something like Haslayout.

    In fact... this might be related to horizontal lists staircasing:
    http://archivist.incutio.com/viewlist/css-discuss/85507

    Why do you have <p>'s inside your blockquotes? I assume you had them without at first, I'm just curious what that's fixing. It's apparently part of the cause of the problem, because this is a "one block encasing another block" thing.

    Try setting haslayout or removing the p's... I see that you've got a special style setting it on some other elements already.
     
    Stomme poes, Mar 7, 2008 IP
    axemedia likes this.
  5. axemedia

    axemedia Guest

    Messages:
    1,070
    Likes Received:
    79
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Ha ha! It looks like its me who can has layout!

    This worked;

    blockquote p {height: 1%;}
    Code (markup):
    But I still have not checked in Internet Exploder 7, i suspect it works there too but will check on the other machine later

    This is a Wordpress site so when i write text it automatically becomes paragraphs. When i select a section of text and add blockquotes it keeps the <p> tags. In some instances I may have more than one paragraph in a block quote anyways.

    Thanks Stomme toes :D
     
    axemedia, Mar 7, 2008 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    O man, can't you turn that off?? I hate Wordpress more and more every day, but I think I've seen layouts without <p>s on everything so hopefully it's just a setting...
     
    Stomme poes, Mar 7, 2008 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #7
    The <blockquote> requires a block level child element. Using the nested <p> element is specifically proper, and is not at issue unless a <p> is nested within a <p>, which is not allowed.
    
    9.2.2 Quotations: The BLOCKQUOTE and Q elements
    
    <!ELEMENT BLOCKQUOTE - - (%block;|SCRIPT)+ -- long quotation -->
    <!ATTLIST BLOCKQUOTE
      %attrs;                              -- %coreattrs, %i18n, %events --
      cite        %URI;          #IMPLIED  -- URI for source document or msg --
      >
    <!ELEMENT Q - - (%inline;)*            -- short inline quotation -->
    <!ATTLIST Q
      %attrs;                              -- %coreattrs, %i18n, %events --
      cite        %URI;          #IMPLIED  -- URI for source document or msg --
      >
    Code (markup):
    cheers,

    gary
     
    kk5st, Mar 7, 2008 IP
  8. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Really? I didn't know that...

    I can't read that one really well... is it then saying that Q must have an inline inside it?
     
    Stomme poes, Mar 7, 2008 IP
  9. Katy

    Katy Moderator Staff

    Messages:
    3,490
    Likes Received:
    513
    Best Answers:
    7
    Trophy Points:
    355
    #9
    Katy, Mar 7, 2008 IP
    Dan Schulz and axemedia like this.
  10. axemedia

    axemedia Guest

    Messages:
    1,070
    Likes Received:
    79
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Thanks for letting me know that.
     
    axemedia, Mar 7, 2008 IP
  11. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #11
    The blockquote must have one or more of script elements or block level elements (as described for the entity "%block;"). It may not be empty nor may it contain an %inline; entity as a child.

    The q may contain zero or more %inline; entities, basically, text and other inline elements.

    cheers,

    gary
     
    kk5st, Mar 7, 2008 IP
  12. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #12
    I think I've been reading these things wrong all along. I thought the (%block...) stuff was saying what the element WAS and not what had to be inside...

    Damn, this is why I keep coming back to the various forums. I learn so much, esp from the Crusty Old Guys who Know Stuff (yeah, I read that "grumpy old men" thread at cc : ) Thanks!
     
    Stomme poes, Mar 8, 2008 IP