I would like to know the answer too. Anyone here know what is the answer to your question. I'll do some research in Google and get back to you if I bump into an decent answer. You should email the people at iContact as they probably could give you an answer..
Thanks for writing all that out Coot! Greatly appreciated..
I guess my main problem is just the fact that I have those long skiny boxes set to:.
Height: 15px; width: 101px;.
But in Mozilla/FireFox it just squishes them all down to nothing. Here's a picture of what I mean:.
Squished Boxes.
(I just uploaded a new picture, so might have to refresh).
Here is my code...it's primitive and mainly a brute force method to get what I want....
And then in my <body> I have simply....
So without any text, those tiny boxes get squished to nothing in FireFox, and even with text the boxes get squished to the size of the text. They are displaying exactly how I'd like them to in IE, just not sure what I need to do to get FireFox to recognize my specific defined height/width of those boxes..
Thanks again so much for looking at this!!..
Hi there RCurrie,.
Display:inline;.
Seemed to be the cause of the problem.
Try it like this.....
Awesome Coot, simply awesome! That did indeed solve everything...at least now I know and can hopefully utilize this technique in the future..
Would you mind giving me a tiny explanation of the javascript CDATA? If there is an easy way to explain it..
Thanks again Coot, I really appreciate all the help!.
EDIT: Alright I read through W3Schools.com about the CDATA and I get the gist. But, what if I want to include those style definitions in an external style sheet? Am I out of luck...or is there a way to do this without using XML? (Since I've never used it before.
)..
With the way things are going, perhaps I better just code the entire page for one browser...then code it again for another browser with the intention to use SSI or Javascript to select which parts of the page to load based upon which browser the viewer is currently using. Hope that made sense. I'm just causing too many headaches trying to be pixel perfect in both browsers...where I fix one problem in one browser, I create another in the other..
I really do appreacite all the help though & I'll keep at it!..
There are actually a variety of CSS hacks that exist to produce browser-specific rules. Basically, they exploit errors in specific browsers' CSS parsing to make them ignore certain parts..
For example, only IE recognizes the wildcard selector (*) in CSS. So if you do this:.
... every browser will see the five pixel rule, but IE will immediately replace it with the zero pixel rule. Since that selector makes no sense to any other browser, they'll ignore it. End result, every browser except IE will put a 5-pixel border around the paragraph. Not necessarily useful in that particular application, but I think you con figure out how to use it..
Conversely, every browser.
Except.
IE recognizes the descendent selector (>). So something like this:.
... produces the same effect. For more information, do some searching on "Tan Hack," "Holly Hack," and "box-model hack." These aren't necessarily ideal solutions, because future revisions of certain browsers could fix the holes these exploit, but they work for the time being. And you get to impress all the other code monkeys around the water cooler by casually dropping, "Well, I just tan hacked it and everything came out fine....".
Rys..
Sweet Rys, thanks alot. Those are definitely good to know & I'll do some searching to learn more about them. Thanks so much for pointing them out!..
Argh, sorry for the double post. Tried to delete it, but says I don't have permission. Can a mod axe this second one for me...