4 replies [Last post]
dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 7 years 18 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

Hey guys,

Take a look at http://personal.djomp.co.uk/blog.php?month=2&year=2004 in IE (I'm on IE6 here). (edit - the problem has been 'fixed' on this page now)

Notice the 'red' box juts out slightly further than the blue one at the top. These should be the same width.

No need to find out what's wrong - I know. In the 'Friday Five' entry, there's a sentence of italic text that wraps onto two lines. If I take this out, it returns to normal. In fact I can go through the archives and find out which months I had a long line of italic text just by looking for this!

What I need to know, is if this is a known problem, and there's a solution, or if I'm stuck with it...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

<I> within <P> within <DIV> - IE problems.

Hi DJomp,
That's strange, I would have expected that behavior from a line of text with no spaces, but I can't see one in your post.
I must be missing something.
Is this the line causing problems

Quote:
2. What one thing would you like to try that your mother/friend/significant other would never approve of?

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 7 years 18 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

<I> within <P> within <DIV> - IE problems.

Yep. And a quick browse around the archives will find more pages like this, all with just a long line of italic text...

If you were willing to test things, steal the page, and remove the I tags from that line, which cures it.

It's got me stumped at the moment.

(edit)

Other things - it's also due to the text being justified.

But even if you put loads of padding on the right of the P, it still has the same effect.

I'll try to make a 'simplest version' to help things along.

(edit)
Made it - attached.

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 7 years 18 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

<I> within <P> within <DIV> - IE problems.

Just found this : http://archivist.incutio.com/viewlist/css-discuss/33653

Basically it's an IE only thing, and since most people 'frown' on justification, they remove that, rather than italics.

Looks like I'll have to change something... would be nice if someone were to find a solution - however since

	<div style="text-align : justify; font-style : italic; width : 600px">
		and a very very very very very very very very very very very very very very very very very very very very long line of italic declared as a span makes no difference
	</div>
breaks the width, it would be tricky to say the least!

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

&lt;I&gt; within &lt;P&gt; within &lt;DIV&gt; - IE problems.

Hi DJomp,
Big John has a solution to your problem in his new layout http://www.positioniseverything.net/piefecta-rigid.html