These forums are currently read-only due to receiving more spam than actual discussion. Sorry.

It is currently Sat Dec 02, 2017 4:24 pm Advanced search

ie6 problem

If you are stuck or have questions regarding HTML or other Web technologies, ask your questions here. No question too dumb!

ie6 problem

Postby brlewis » Fri Dec 04, 2009 10:21 pm

Here's a page I'm working on as a proof-of-concept before converting my whole site:

http://img.b.com/h5test.html

I thought I was getting everything working right, but then I tried ie6. The calendar icons don't shift over far enough. The page should look nearly identical to

http://ourdoings.com/brlewis/
brlewis
<h6>
 
Posts: 5
Joined: Fri Dec 04, 2009 9:52 pm

Postby brlewis » Sat Dec 05, 2009 3:47 am

Hey, I think I fixed it in my IE-specific CSS:

#content article time {
margin:-4px 0 0 -44px;
}

That last margin number was -22px previously.
brlewis
<h6>
 
Posts: 5
Joined: Fri Dec 04, 2009 9:52 pm

Postby zcorpan » Sun Dec 06, 2009 12:51 am

Sounds like you floated the parent and have 22px left margin on it, and got hit by IE6's float double margin bug. An easy fix is to specify display:inline on the floated element, which shouldn't have any effect but in IE6 it makes the double margin bug go away. :)

http://www.positioniseverything.net/exp ... argin.html
zcorpan
<article>
 
Posts: 807
Joined: Tue Feb 06, 2007 8:29 pm
Location: Sweden


Return to Help & Advice

Who is online

Users browsing this forum: No registered users and 0 guests