August 30th, 2013, 03:07 PM
List ignoring float property in IE 10
All right so basically, I have this very simple bit of code
<img src="the img" style="float: left; height: 195px; width: 50px; border-style:solid; border-width:3px; border-color:#36424B; margin:0px 20px 0px 0px;/>
agh since i'm a brand new user, i can't attach the images that go along with this probably.
Anyways. So basically on chrome everything works properly, the image is on the leftmost part of the center content and the list bullets follow on the right.
But in explorer, the bullets appear to the left on the image, while the text appears to the right of it.
Any ideas how to fix this?
August 30th, 2013, 03:19 PM
Welcome to DevShed Forums, Piicklepaws.
First of all set the left margin of the list to 0 and give it some left padding. Then you may need to also give the list "overflow:hidden" to make its left edge not be overlapped by the image.
As you found out new users are restricted from posting URLs until they have made 5 posts. You may need to get around this by leaving out the "http://" and putting a space before each ".". Yes this rule is annoying, but the administrators say it's necessary for limiting spam.
An annotated screenshot can be helpful in answering questions. However, there is also a policy that prevents users from posting attachments until they have 30 posts and have been a member for 30 days, so if needed http://imageshack.us/ can be used to host images.
August 30th, 2013, 03:34 PM
I've added all of that to my list, but it didn't fix it.
<ul style="list-style-type:square; margin: 0px; padding-left: 20px; overflow: hidden;">
Here's what it should look like:
here's what it is looking like:
(Sorry I know photobucket is incredibly slow but I'm at work right now and don't have time to create an imgur or imageshack account)
Last edited by Kravvitz; August 30th, 2013 at 05:19 PM.
Reason: removed unnecessary spaces from URLs
August 30th, 2013, 05:39 PM
That's very odd. It works fine for me.
Do you have an example page you could show us?
No worries. Which site you use to host the images doesn't matter.