7 replies [Last post]
janet
Offline
newbie
Boise, Idaho
Last seen: 17 years 37 weeks ago
Boise, Idaho
Joined: 2003-12-31
Posts: 5
Points: 0

Hello--

I'm trying to put up a weblog site at http://www.humanophone.com and am working on a Mac. The site looks good in Netscape, IE5/Mac, and Safari, but if I go to a PC and try to see it in Explorer, the two side columns have hiked upwards about 8 pixels, and the right column is a pixel or so off from the edge.

I've looked around the web & have seen lots of IE6 bugs that seem to be elusive. Anyone with a PC encountered this & have an idea how to fix it?

Thanks--

Janet

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 18 years 17 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

Simplified Box Model Hack...

Positioning can be tricky. I would suggest you use the simplified box model hack as a quick fix. This is how it would look applied to your div#leftmenu :

/*--- LEFT SIDEBAR ---*/
div#leftmenu {
background-color: #999;
position: absolute;
left: 0px;
top: 88px; /* non-IE brower positioning */
width: 180px;
line-height: 1.2;
text-align: right;
padding: 0px 10px 30px 20px;
}
/* SBMH -- FIX IE PADDING AND WIDTH ISSUES (Simplified Box Model Hack) */
* html div#leftmenu {
top:91px; /* for IE5.x/win */
t\op:90px; /* content width (for other IE) */
}

The issue with this solution is that IE5.2 MAC picks up the new "t\op" positioning, however, since it does not display the positioning issues of IE6.x WIN it is now cursed with a small 2 pixel white border at the top.

Hope this helps.

dbowne

janet
Offline
newbie
Boise, Idaho
Last seen: 17 years 37 weeks ago
Boise, Idaho
Joined: 2003-12-31
Posts: 5
Points: 0

simplified box model hack

Hello dbowne, and thanks! What you gave me makes it work just fine in IE6/win.

Unfortunately I *hate* that gap in IE5.2/mac! :-({|=

I don't suppose there's any hack for the hack, is there?

janet
Offline
newbie
Boise, Idaho
Last seen: 17 years 37 weeks ago
Boise, Idaho
Joined: 2003-12-31
Posts: 5
Points: 0

additional woes

...and there's an automatic scrollbar now in IE5.2/mac, and a gap at the far right instead of continual background color all the way across. I assume it's coming from "width=100%"?

Argh. Happy New Year, everybody--

Janet, hoping the Microsoft browser folks got coal in their stockings

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 18 years 17 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

The Underscore Hack

if MAC IE5.x is a higher priority for you than WIN IE 5.x I suggest that instead of the simplified box model hack (SBMH) use the underscore hack.

Remove the previous changes for the SBMH and instead just add this to your rulesets for #leftmenu and #rightmenu

top: 88px;
_top:90px; /* The Underscore Hack for IE5.x */

In WIN IE5.x the alignment of the leftmenu and rightmenu divs will still be 1 pixel to high. In all other browsers I tested they are aligned perfectly (MAC Navigator 0.6 (Chimera), MAC Safari 1.0, MAC IE 5.2, WIN IE6.0.28, Navigator 7.0.2)

I tried hacking the hack, combining the underscore and SBMH to no avail.

dbowne

janet
Offline
newbie
Boise, Idaho
Last seen: 17 years 37 weeks ago
Boise, Idaho
Joined: 2003-12-31
Posts: 5
Points: 0

annoying IE6 troubles

Hi dbowne--

That's a puzzle, isn't it, deciding where the priorities are? I guess I'd have to go with IE5/win over IE5/mac, even though I myself end up seeing a lot more of the Macintosh interface. Pooh. But thanks for the info about the underline hack (didn't know that one!). I'll keep it handy.

Best,
Janet

Big John
Big John's picture
Offline
Enthusiast
Arizona
Last seen: 17 years 46 weeks ago
Arizona
Timezone: GMT-7
Joined: 2003-10-29
Posts: 94
Points: 0

annoying IE6 troubles

The underscore hack is invalid because selectors
cannot begin with an underscore. There is a better,
valid way to hide styles from IE5/mac:

/* hide styles from IE-mac \*/

Styles you want to hide go here...

/* end hiding */

That escape character in the first comment fools
IE/mac into ignoring the "*", so that browser thinks
the comment is still active, and fails to read the
following styles. The second normal comment
provides a comment closing tag to return IE/mac
to "rendering" mode.

If you also want to hide the styles from other browsers
than IE/win, just do this:

/* hide styles from IE-mac \*/

* html .targetelement {styles}

/* end hiding */

The "* html" is read only by IE browsers, and since
IE/mac is in comment mode only IE/win can see
the styles.

See this page for many many css hacks:

http://css-discuss.incutio.com/?page=CssHacks

http//www.positioniseverything.net/

janet
Offline
newbie
Boise, Idaho
Last seen: 17 years 37 weeks ago
Boise, Idaho
Joined: 2003-12-31
Posts: 5
Points: 0

annoying IE6 troubles

Wow, my head is spinning! Thanks for these hacks & for the site referral. They really help.

Janet