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
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.
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.
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
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
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.
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>
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
site works in everything but IE
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?
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