Hanging indent settings not reflected in IE07 or IE06

3 replies
901 views
Translate

So I've set hanging indents for our Note paragraph tags, so that the 2nd, etc. lines line up with the first line of the Note, and not with the "Note:" prefix. It displays as indended in RH and in Firefox, but the hanging indent is MIA in IE06 and IE07 (which most of our clients use). Any suggestions?

Thanks!

WebHelp

This topic is closed to new replies. Start a new post to keep the conversation going.

Willam van Weelden

Inspiring

Hi,

You're probably using some css that IE can't handle, please post your style, so we can take a look.

You may also want to look at http://www.ehow.com/how_2382848_hanging-indent-css.html.

Greet,

Willam

Translate

P

painted8Author

Participating Frequently

Willam -

Thanks for the reply. I created the Note paragraph tag through RH's Styles and Formatting feature. Here's what the css shows for it:

p.Note {
text-indent: -35px;
padding-left: 35px;
}

It originally was "margin-lift: 35px", but I trying switching it to "padding", because the example in the provided link uses that term.

Barry

Translate

Willam van Weelden

Inspiring

Hi,

I hope it'll work, if not, just come back

A note about difference between margin and padding:

Each item in html is a block, so a paragraph is also a block. The margin positions the entire block relative to the previous block (normally).

The padding however does not place the block, but the position of the elements (text, images, etc) within the block.

My guess is that IE can't handle the negative indent in combination with a margin... In other words: Solve all IE bugs, use Firefox

Greets,

Willam

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.