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
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?
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
html body div #speech { somevalue: 10px; }
or
div #speech { somevalue: 10px; }
or just with the id (because it’s uniqe on the page)
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:
Header-Bereich
- Some content
- Some content
- Some content
- Some content
- Some content
- Some content
And the CSS:
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!