Reply to thread

Message

<blockquote data-quote="Siberys" data-source="post: 5021550" data-attributes="member: 30619">So, I'm re-coding my site for an upcoming revamp to the very small selection of PDFs I have for sale. I decided I'd try my hand at having it use CSS layouts. All was peachy keen... Until I started checking browsers other than Chrome and Firefox.My particular problem is with IE8. Here's how the page looks in FF;[sblock]<img src="http://www.krakeneye.com/good.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />[/sblock]And here's how it looks in IE (a mock-up; I don't actually have IE on my box, and the only IE-using computer I have access to is currently unavailable);[sblock]<img src="http://www.krakeneye.com/bad.png" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" />[/sblock]It looks like that div on the right 50px off to the right, or else everything else is 50px off to the left (in the actual, I can't tell). 50px is the width of the div.I've tried everything I could find on the web, but none of it worked. I intend to use comment if tags to differentiate the IE-specific styles, but I have no idea what needs changing. display: inline didn't work, changing the margins didn't work... so on and so forth.The actual web site, if you want to see it and the source, is <a href="http://www.krakeneye.com" target="_blank">HERE</a>Anybody know what I can do?EDIT: I should mention; that left div also moves 50px to the right, but setting margin-left to -50px fixes that. It just can't be easy for the right side, though.</blockquote>

[QUOTE="Siberys, post: 5021550, member: 30619"] So, I'm re-coding my site for an upcoming revamp to the very small selection of PDFs I have for sale. I decided I'd try my hand at having it use CSS layouts. All was peachy keen... Until I started checking browsers other than Chrome and Firefox. My particular problem is with IE8. Here's how the page looks in FF; [sblock][IMG]http://www.krakeneye.com/good.png[/IMG][/sblock] And here's how it looks in IE (a mock-up; I don't actually have IE on my box, and the only IE-using computer I have access to is currently unavailable); [sblock][IMG]http://www.krakeneye.com/bad.png[/IMG][/sblock] It looks like that div on the right 50px off to the right, or else everything else is 50px off to the left (in the actual, I can't tell). 50px is the width of the div. I've tried everything I could find on the web, but none of it worked. I intend to use comment if tags to differentiate the IE-specific styles, but I have no idea what needs changing. display: inline didn't work, changing the margins didn't work... so on and so forth. The actual web site, if you want to see it and the source, is [url="http://www.krakeneye.com"]HERE[/url] Anybody know what I can do? EDIT: I should mention; that left div also moves 50px to the right, but setting margin-left to -50px fixes that. It just can't be easy for the right side, though. [/QUOTE]

Verification