Blockquote, italics and IE6

I'm developing a website that uses several "pull
quotes" in the body of
the text.  I'm using the blockquote element and a stylesheet
to set
apart longer quotes and make the font style italic. 
Unfortunately,
IE6's rendering of the pages with blockquotes[1] is broken,
causing the
center div containing the text to shift down the page to
just below the
longer sidebar.  The strangest thing about this buggy
rendering is that
if I click the "Restore Down" button and then
slowly drag the right edge
of the window to the right, the center div will jump back to
its proper
position at one point then jump back down as I keep
expanding the
window.  After a lot of trial and error, I isolated the
problem to the
italic styling of the blockquote; when I remove the
font-style
declaration the page renders OK.  When I Google'd the issue,
I found at
least one site mentioning similar behavior in IE6[2].

Has anyone successfully dealt with this issue?  Thanks in
advance for
any help.

[1]
http://library.umassmed.edu/~rvanderh/new
site3/omha/fmch/specialty3.cfm
[2] http://simonwillison.net/2003/Apr/9/italicBlo
ckquotesCauseScrollba/


Robert Vander Hart
Electronic Resources Librarian
Lamar Soutter Library
University of Massachusetts Medical School
Worcester  MA  01655

Voice: 508-856-3290
Email: Robert.VanderHartumassmed.edu
Web: http://library.umassmed.e
du 
 

_______________________________________________
Web4lib mailing list
Web4libwebjunction.org
http://lists.we
bjunction.org/web4lib/

Did you try any of the techniques listed on this Position is
Everything
post:

http://www.positioniseverything.net/explorer/itali
cbug-ie.html

--chris



VanderHart, Robert wrote:
> I'm developing a website that uses several "pull
quotes" in the body of
> the text.  I'm using the blockquote element and a
stylesheet to set
> apart longer quotes and make the font style italic. 
Unfortunately,
> IE6's rendering of the pages with blockquotes[1] is
broken, causing the
> center div containing the text to shift down the page
to just below the
> longer sidebar.  The strangest thing about this buggy
rendering is that
> if I click the "Restore Down" button and then
slowly drag the right edge
> of the window to the right, the center div will jump
back to its proper
> position at one point then jump back down as I keep
expanding the
> window.  After a lot of trial and error, I isolated the
problem to the
> italic styling of the blockquote; when I remove the
font-style
> declaration the page renders OK.  When I Google'd the
issue, I found at
> least one site mentioning similar behavior in IE6[2].
>
> Has anyone successfully dealt with this issue?  Thanks
in advance for
> any help.
>
> [1]
> http://library.umassmed.edu/~rvanderh/new
site3/omha/fmch/specialty3.cfm
> [2] http://simonwillison.net/2003/Apr/9/italicBlo
ckquotesCauseScrollba/
>
>
> Robert Vander Hart
> Electronic Resources Librarian
> Lamar Soutter Library
> University of Massachusetts Medical School
> Worcester  MA  01655
>
> Voice: 508-856-3290
> Email: Robert.VanderHartumassmed.edu
> Web: http://library.umassmed.e
du
>
>
> _______________________________________________
> Web4lib mailing list
> Web4libwebjunction.org
> http://lists.we
bjunction.org/web4lib/
>
>
>   

_______________________________________________
Web4lib mailing list
Web4libwebjunction.org
http://lists.we
bjunction.org/web4lib/

Robert VanderHart wrote:
> I'm developing a website that uses several "pull
quotes" in the body of
> the text.  I'm using the blockquote element and a
stylesheet to set
> apart longer quotes and make the font style italic. 
Unfortunately,
> IE6's rendering of the pages with blockquotes[1] is
broken, causing the
> center div containing the text to shift down the page
to just below the
> longer sidebar.  The strangest thing about this buggy
rendering is that
> if I click the "Restore Down" button and then
slowly drag the right edge
> of the window to the right, the center div will jump
back to its proper
> position at one point then jump back down as I keep
expanding the
> window
>
> http://library.umassmed.edu/~rvanderh/new
site3/omha/fmch/specialty3.cfm


Have you tried adding margin and/or padding declarations for
the <blockquote> in your css?

I'm guessing IE6's default padding/margin values for
blockquote are making that center div wider than other
browsers, pushing it below the boundaries of the right
sidebar.

It's weird it only happens when the font-style is italic... 
Does italic text use more real
estate than non-italic text?

The problem might also be related to the fact that your
interior #main div has a width of 100% but the exterior
#wrapper div has a right and left margin of 4px.  I believe
that's why the horizontal scroll bar shows up, and why that
center div jumps up and down as you expand the window. 
Maybe setting the width for #main to something less than
100% might help?


--
Jonathan Bloy
Web Services Librarian
Edgewood College
Madison, Wisconsin
http://library.edgewood.e
du

_______________________________________________
Web4lib mailing list
Web4libwebjunction.org
http://lists.we
bjunction.org/web4lib/

Robert VanderHart wrote:
> I'm developing a website that uses several "pull
quotes" in the body of
> the text.  I'm using the blockquote element and a
stylesheet to set
> apart longer quotes and make the font style italic. 
Unfortunately,
> IE6's rendering of the pages with blockquotes[1] is
broken, causing the
> center div containing the text to shift down the page
to just below the
> longer sidebar.  The strangest thing about this buggy
rendering is that
> if I click the "Restore Down" button and then
slowly drag the right edge
> of the window to the right, the center div will jump
back to its proper
> position at one point then jump back down as I keep
expanding the
> window
>
> http://library.umassmed.edu/~rvanderh/new
site3/omha/fmch/specialty3.cfm


Right after I sent my reply to your message I remembered a
nice site that covers a lot of IE6 bugs,
www.positioniseverything.net.  They've got an article about
IE and italics that might help:
http://www.positioniseverything.net/explorer/itali
cbug-ie.html



_______________________________________________
Web4lib mailing list
Web4libwebjunction.org
http://lists.we
bjunction.org/web4lib/

Did you try any of the techniques listed on this Position is
Everything
post:

http://www.positioniseverything.net/explorer/itali
cbug-ie.html

--chris



VanderHart, Robert wrote:
> I'm developing a website that uses several "pull
quotes" in the body of
> the text.  I'm using the blockquote element and a
stylesheet to set
> apart longer quotes and make the font style italic. 
Unfortunately,
> IE6's rendering of the pages with blockquotes[1] is
broken, causing the
> center div containing the text to shift down the page
to just below the
> longer sidebar.  The strangest thing about this buggy
rendering is that
> if I click the "Restore Down" button and then
slowly drag the right edge
> of the window to the right, the center div will jump
back to its proper
> position at one point then jump back down as I keep
expanding the
> window.  After a lot of trial and error, I isolated the
problem to the
> italic styling of the blockquote; when I remove the
font-style
> declaration the page renders OK.  When I Google'd the
issue, I found at
> least one site mentioning similar behavior in IE6[2].
>
> Has anyone successfully dealt with this issue?  Thanks
in advance for
> any help.
>
> [1]
> http://library.umassmed.edu/~rvanderh/new
site3/omha/fmch/specialty3.cfm
> [2] http://simonwillison.net/2003/Apr/9/italicBlo
ckquotesCauseScrollba/
>
>
> Robert Vander Hart
> Electronic Resources Librarian
> Lamar Soutter Library
> University of Massachusetts Medical School
> Worcester  MA  01655
>
> Voice: 508-856-3290
> Email: Robert.VanderHartumassmed.edu
> Web: http://library.umassmed.e
du
>
>
> _______________________________________________
> Web4lib mailing list
> Web4libwebjunction.org
> http://lists.we
bjunction.org/web4lib/
>
>
>   

_______________________________________________
Web4lib mailing list
Web4libwebjunction.org
http://lists.we
bjunction.org/web4lib/

Robert VanderHart wrote:
> I'm developing a website that uses several "pull
quotes" in the body of
> the text.  I'm using the blockquote element and a
stylesheet to set
> apart longer quotes and make the font style italic. 
Unfortunately,
> IE6's rendering of the pages with blockquotes[1] is
broken, causing the
> center div containing the text to shift down the page
to just below the
> longer sidebar.  The strangest thing about this buggy
rendering is that
> if I click the "Restore Down" button and then
slowly drag the right edge
> of the window to the right, the center div will jump
back to its proper
> position at one point then jump back down as I keep
expanding the
> window
>
> http://library.umassmed.edu/~rvanderh/new
site3/omha/fmch/specialty3.cfm


Have you tried adding margin and/or padding declarations for
the <blockquote> in your css?

I'm guessing IE6's default padding/margin values for
blockquote are making that center div wider than other
browsers, pushing it below the boundaries of the right
sidebar.

It's weird it only happens when the font-style is italic... 
Does italic text use more real
estate than non-italic text?

The problem might also be related to the fact that your
interior #main div has a width of 100% but the exterior
#wrapper div has a right and left margin of 4px.  I believe
that's why the horizontal scroll bar shows up, and why that
center div jumps up and down as you expand the window. 
Maybe setting the width for #main to something less than
100% might help?


--
Jonathan Bloy
Web Services Librarian
Edgewood College
Madison, Wisconsin
http://library.edgewood.e
du

_______________________________________________
Web4lib mailing list
Web4libwebjunction.org
http://lists.we
bjunction.org/web4lib/

Robert VanderHart wrote:
> I'm developing a website that uses several "pull
quotes" in the body of
> the text.  I'm using the blockquote element and a
stylesheet to set
> apart longer quotes and make the font style italic. 
Unfortunately,
> IE6's rendering of the pages with blockquotes[1] is
broken, causing the
> center div containing the text to shift down the page
to just below the
> longer sidebar.  The strangest thing about this buggy
rendering is that
> if I click the "Restore Down" button and then
slowly drag the right edge
> of the window to the right, the center div will jump
back to its proper
> position at one point then jump back down as I keep
expanding the
> window
>
> http://library.umassmed.edu/~rvanderh/new
site3/omha/fmch/specialty3.cfm


Right after I sent my reply to your message I remembered a
nice site that covers a lot of IE6 bugs,
www.positioniseverything.net.  They've got an article about
IE and italics that might help:
http://www.positioniseverything.net/explorer/itali
cbug-ie.html



_______________________________________________
Web4lib mailing list
Web4libwebjunction.org
http://lists.we
bjunction.org/web4lib/