Blockquotes causing unwanted outdenting of text after quote?? IE6

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.

 

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

 

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.

 

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

 

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

 

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

 

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?

 

Thanks for letting me know that.

 

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

 

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!