StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow can I have "list style position outside" and floating elements in IE9?
primarykey
Id
8094287
data
AcceptedAnswerId
8094473
AnswerCount
4
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2011-11-11T12:55:52.390
FavoriteCount
0
LastActivityDate
2015-05-15T09:33:07.923
LastEditDate
2011-11-11T13:20:34.150
LastEditorUserId
334470
OwnerUserId
334470
ParentId
0
PostTypeId
1
Score
1
ViewCount
9958
LastEditorDisplayName
text
Body
The following markup is not something I can change as it's based on user content. The problem is that in IE9 the bullets in a <code>ul</code> that are next to a floated <code>img</code> appear on the wrong side of the image. This is only a problem in IE9. The way the <code>ul</code> wraps the image is desired behavior and something I'd like to keep but that makes this problem really hard to solve. Any ideas on how to solve this without changing the markup and in a way that looks good cross-browser? Fiddle <a href="http://jsfiddle.net/fdHN6/" rel="nofollow">http://jsfiddle.net/fdHN6/</a> EDIT : I should have mention this, <code>list-style-position: inside</code> causes the last bullet point which has more than one line of text to align incorrectly which is why that alone is not really a good solution. <pre><code><html> <body> <div style="width:500px;"> <img src="http://placekitten.com/g/200/303" alt="smelly cat" /> <ul style="margin-left: 10px;"> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine!</li> <li>Mine! Mine! Mine! Mine! Mine! Mine! Mine! Mine! Mine! Mine! Mine! Mine! Mine! Mine</li> </ul> </div> </body> </html> body{ margin-left:35px; } img { margin:20px; float:left; } ul li { list-style-type: disc; } </code></pre>
Tags
<css><internet-explorer-9><css-float>
Title
How can I have "list style position outside" and floating elements in IE9?
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USchris
UserOwnerUserId
1. USchris
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COsorry im using linux (no ie9) do you mean that the ul is on the left side of the image or that the bullet points are over the image but the text on the right side of it. becuase if you mean that the bullet points are on the image you just need to set the correct margin and padding of the li and ul (its on every browser diffrent)
 singulars
 PostPostId
 POHow can I have "list style position outside" and floating elements in IE9?
 UserUserId
 USnoob
2. CO@micha the bullet points appear on the left side of the image and the text on the right side.
 singulars
 PostPostId
 POHow can I have "list style position outside" and floating elements in IE9?
 UserUserId
 USchris

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.