6 replies [Last post]
James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 21 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

Any ideas as to why IE is not displaying my sidebars position correctly over my faux column?!

It seems to work fine in Firefox?!

http://www.james-rowland.com/news-2/ie-sidebar-problem.html

:?

Untitled Document


/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 150px; }


/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

soundscape
soundscape's picture
Offline
Enthusiast
Kansas City Metro
Last seen: 11 years 11 weeks ago
Kansas City Metro
Joined: 2007-10-18
Posts: 188
Points: 0

Hi. The pages look the same

Hi.

The pages look the same to me in Firefox 2.0.0.8, IE 7, and IE 6.

How is it supposed to look?

~Soundscape

~Soundscape
www.kenlange.com

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 21 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

Oh really? Here's how it's

Oh really?

Here's how it's supposed to look:

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Looks the same to me in FF

Looks the same to me in FF and IE6 as well. Maybe clear your cache?

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 21 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

hmmm

Cleared my cache and temp files etc. But I'm still seeing the skyscraper displayed a lil too far left in the sidebar. When I adjust it then puts it off for Mozilla. :shrug:

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 34 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

doubled float margin bug

This is the doubled float margin bug (Google is your friend). Do this:

.twoCo.twoColFixRtHdr #sidebar1 {ie-sidebar-proble... (line 169)
  display: inline;  ⇐ add this
  float:right;
  margin-right:15px;
  padding:0pt 5px;
  width:140px;
  }

A float may only be {display: block | none;}, so {display: inline;} is ignored by all browsers, but it fixes IE's bug.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

James R
James R's picture
Offline
Enthusiast
Dublin
Last seen: 10 years 21 weeks ago
Dublin
Timezone: GMT+1
Joined: 2007-10-19
Posts: 108
Points: 13

Excellent stuff Gary, that

Excellent stuff Gary, that worked a treat!

:thumbsup: