9 replies [Last post]
awolock
Offline
Regular
michigan
Last seen: 15 years 18 weeks ago
michigan
Joined: 2005-11-02
Posts: 12
Points: 0

I've got this thing working on all platforms & browser, except IE. The css and the xhtml all validate. It looks like such a simple thing, but yet, i've been on this all day. I would totally appreciate if someone would please take a peek at my code and give me some pointers.

here is the css
http://www.keystonemedia.net/scope/main1.css

and the page
http://www.keystonemedia.net/scope/

many, many thanks!

Annie

drhowarddrfine
Offline
Leader
Last seen: 11 years 14 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

site works in everything but IE

I'm still looking but it took forever to completely download into Firefox. I do see it in IE but it's messed up. What's really weird is I can't see the code in FFs web developer.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

drhowarddrfine
Offline
Leader
Last seen: 11 years 14 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

site works in everything but IE

The problem lies in adding up the total width of your containers. #container is 752px wide but IE assumes, iirc, borders and adds those in. If you widen container then some of it moves into the proper place. So I think you may have the same sort of problem just widening or shortening the widths on some of your divs and the problem will be solved without messing up modern browsers like FF.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

awolock
Offline
Regular
michigan
Last seen: 15 years 18 weeks ago
michigan
Joined: 2005-11-02
Posts: 12
Points: 0

site works in everything but IE

thanks for that insight. I'll work on this.

but. it took a long time to load on firefox? and what do you mean by firefox's web developer?

thanks-

Annie

itspersonal5
Offline
newbie
Last seen: 15 years 17 weeks ago
Joined: 2005-11-05
Posts: 8
Points: 0

site works in everything but IE

Loads quickly for me in Firefox and I can view the source just fine...

I had the exact same problem with a 3 column layout in IE...one column would drop down beneath the others. Turned out when I reduced padding on said column it popped back into place. So, experiment with your widths and stuff...should find a solution there.

itspersonal5

drhowarddrfine
Offline
Leader
Last seen: 11 years 14 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

site works in everything but IE

The problem with the long load may have just been me because the problem went away.

Firefox has an extension which gives you web development tools. Very handy to have.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

Rmstn1580
Offline
newbie
California
Last seen: 15 years 16 weeks ago
California
Joined: 2005-11-13
Posts: 3
Points: 0

site works in everything but IE

It does look weird in IE. Maybe one of the tables is too big or something. Thats the only explanation I can think of because I had a website and It messed up because I had too many tables.
<marquee>Revise!</marquee>

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 18 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

site works in everything but IE

Hi

You are suffering from one (or both) of two IE bugs.

1. Any floated element MUST have display:inline to avoid double margins. So, if your floats have margins, IE doubles them (just for fun you understand) unless you put this display attribute in, which all browsers, including IE, ignore.

2. Next, if the margin between two floats is less than 3 pixels, IE bumps it up to 3 pixels. So, assume you have two floats, A and B, next to each other with no margin, IE will give A a right-margin of 3 pixels. Just kick IE back into line, you have to reduce the margin accordingly, ie to -3px:

* html #A-div {margin-right:-3px}

Oh, IE makes me so happy :twisted:

Trevor

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 21 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

site works in everything but IE

ClevaTreva wrote:
1. Any floated element MUST have display:inline to avoid double margins.

Doesn't the IE double margin bug only come into play if the floated element has a margin in the same direction as it's floated?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 18 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

site works in everything but IE

Hi Tyssen

Yes, but I like to play safe. Consider this. You design a site. A while later you change a bit.

Then you hijack the code for another site. And so on. Somewhere down the line (It has happened too many times to me in one way or another), you hit that darned bug and spend hours wondering what you did. So now I flame-proof the code against future misuse.

Second nature. Use float, add display:inline.

Trevor