Browser Consistency Issues

[natimage]

I'm sure there is some info. on this somewhere, but I just can't find it right now. Anyway...I'm trying to position a graphic with absolute positioning on a page that is built with tables. Problem is...when I get the positioning set correctly for Mozilla, it's out of position for IE6, and vice versa.

 

Is there something I can put in the stylesheet code to make IE see and use one class, and Mozilla another?? OR...is it possible to use two stylesheets that will be called by one browser or the other??

 

Or...is there some other solution to this problem?????

 

Relative positioning seems to cause problems because of the way the tables are layed out...that's why I want to use absolute.

[Deverill]

I'm sure there's something that can be done but there shouldn't need to be. The whole idea of CSS is to be usable.

 

I vaguely remember something about one browser putting a top/side border around the whole page and the other didn't and there was a way to turn it off. Look at both browsers and see if this is possible and look for the HTML/CSS settings that would do that if it is.

 

Sorry I don't have anything better for ya.

[natimage]

Thanks, Jim!! I'll look into that...sounds vaguely familiar from an article I ignored.

[btrfld]

Hi Tracy.

Maybe the Box Model Hack can help here. It's a way to show IE what it wants to see, and then show the rest of the browsers something else. Just substitute the things you want to control for the Box stuff.

 

Hope it helps a bit.

Jim

[natimage]

Just wanted to say thanks to Jim and Jim! I couldn't get the Box Hack to work for my purposes, but I did set the following stylesheet code that worked perfectly:

 

>body {margin: 0px 0px 0px 0px;}

.mystyleclass (position: absolute; top: 600px; left: 15px;}

 

Setting the margins to 0 is what you triggered in my mind with your mention of IE borders, Jim S.

 

Thanks for all the help.