IE vs FF, yell at me i dont care Options

[starlette]

Okay so I'm not oging thru all 600 pages to find if someone else asked this. bare with me. so okay, I'm working on a xanga skin (link) and it looks great in ie but off in ff. then if I set it correct for ff its off in ie. the annoying thing is the only difference is whether its negative or positive see here :

CODE

<div style="position:absolute;
margin-left: 300px;
margin-top: -445px;
border: 0px;
width: 244px;
height: 115px;
background: none;
overflow: auto">

for the top section aaaand

CODE

<div align="center" class="blogspace">

<div style="
overflow: auto;
width: 425px;
height: 210px;
margin-top: 70px;
margin-left: 285px;
position:absolute;">

which controls my blogspace. and literally I mean to fix it for ff all i have to do is change the margin-left from 285px to -285 px and same for the othe rone. Is there a way to fix this? I've tried changing the position from static to absolute and it made no difference. And I'm sure its misaligned in other resolutions too. How do i make it cross res and browser friendly?

[*Libertie*]

Actually, you've done one thing right.. It works perfectly in different resolutions, it doesn't change at all.

And I need to update that thread.. For newer versions of Internet Explorer, you actually have to use a different code (this will still work for all versions of IE).

I'll use your second code as an example. What I would do is assign it an ID as follows:

CODE

<div id="blog">

Then in your style tags, put your IE compatible code here:

CODE

#blog {
overflow: auto;
width: 425px;
height: 210px;
margin-top: 70px;
margin-left: 285px;
position:absolute;
}

After that, you need to add your FF compatible code, using what's called a "child selector":

CODE

html>body #blog {
margin-left: -285px;
}

Alright, tell me if that helps? :)