indentation in IE won't go away

[TimH]

Hi,

If you put a paragraph (p) or blockquote (blockquote) tag, with a floating image in it, like the following

 <blockquote><img src="./img.jpg" class="right" />
 Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.
 </blockquote>

with this CSS

 img.right {
  float: right;
  margin: 5px 0 5px 20px;}
 
 blockquote {
  text-align: justify;
  font-style: italic;
  text-indent: 0;
  width: 85%;}

the first line of the text is indented in Internet Explorer 6, but not in Mozilla.

Is this a known problem? Putting text-indent to 0 explicitly, doesn't seem to do the trick :-(

All help greatly appreciated!


All the best,
Tim

[maxor]

You should put all of the images and text that you want in the blockquote inside of a paragraph and then style that paragraph.

<blockquote>
  <p>
   Yay!
  </p>
</blockquote>

[Paul O'B]

the first line of the text is indented in Internet Explorer 6, but not in Mozilla

They looked the same to me - both indented as expected for a blockquote. If you set margin to zero the whole block looses its indent altogether

Paul

[TimH]

Hi guys,

Thanks for the help!

You should put all of the images and text that you want in the blockquote inside of a paragraph and then style that paragraph.

I've tried it and I've tried using just a paragraph tag with a seperate class. It didn't make any difference.

They looked the same to me - both indented as expected for a blockquote. If you set margin to zero the whole block looses its indent altogether

After reading this, I tried again with a small part of my code and now they look the same to me too, but both *without* indentation.

This problem reminds me of another problem I had a while ago in IE. When I used the :first-letter pseudo-element to capitalize the text in the menu, the styling of the menu was totally different. Never found a solution, apart from dropping the :first-letter.

Will probably have to start on a new witch-hunt...


Cheers,
Tim