Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS IE bug: text-indent on first line of a list item?HELP PLEASE Re: IE bug: text-indent on first line of a list item?HELP PLEASE

#60325
luk
Member

Thanks for the advice, the <p>-tags are anyway strange, don’t know what they’re there for^^…

I have a problem to understand what you mean with two ids of "speech", can’t find them in the html code, I see only a class of "speech-border", a class with "speech-title-gray", one id of "speech" and another class of "speech-title" but no double ids, it’s also valid xhtml strict, wouldn’t the validator show double id’s?

Or do you mean the CSS here?

Code:
div#speech {
margin: -18px 0px 0px 0px;
background: #F0F0F0;
width: 225px;
/* border-top: 1px solid #363636; */
}
#speech .padding {
padding: 0px 1px 1px 1px;
line-height: 1.7em;
}

I thought I can select elements in css in several ways, 1) always give the whole html structure like in extreme

Code:
/* means an element with id of “speech” in a div in html in body */
html body div #speech { somevalue: 10px; }

or

Code:
/* a “milder” version; take all elements with an id of “speech” in a div */
div #speech { somevalue: 10px; }

or just with the id (because it’s uniqe on the page)

Code:
#speech { somevalue: 10px; }

so the real css above would mean: give the div with id "speech" some values like with or margin and give the div with class "padding" within a div with id of "speech" some padding as value, the problem stays, I see no double ids…maybe I’m just blind =)? So I’ll try to remove the p tags and add you css this evening! Thx again

EDIT: Just tried it, but it did not the trick…I removed the p tags in the code and added the list-style-position: inside; to the ul .speech-list css, had to make also some margin and padding adjustments because of the removed p-tag, here’s how it looks right now…but IE just doesn’t (bah, I let that out, I’m tired of this shitty peace of software =D)…

The HTML:

Code:

Header-Bereich

  • Some content
  • Some content
  • Some content
  • Some content
  • Some content
  • Some content

And the CSS:

Code:
div.speech {
margin: -7px 0px 0px 0px;
background: #F0F0F0;
width: 225px;
/* border-top: 1px solid #363636; */
}
.speech.padding {
padding: 0px 1px 15px 1px;
line-height: 1.7em;
}

p.speech-text {
padding: 0px 10px 0px 10px;
margin-top: 15px;
}

ul.speech-list {
list-style: none;
list-style-position: inside;
padding: 0px 20px 0px 8px;
text-align: justify;
}
ul.speech-list li {
background: url(../images/layout/bullet.gif) no-repeat 0px 12px;
padding: 5px 2px 0px 15px;
margin: 0px;
}

any ideas? Thx in advance!