I have been using position:absolute for some <div>'s but when i do the following type code FF will put them on the right and IE on the left...how can i fix this?

 

div#blah {

position: absolute:

top: 30px;

left: 100px;

}

 

thanks!!

Could you post a link to the page with the problem please.

I have been using position:absolute for some <div>'s but when i do the following type code FF will put them on the right and IE on the left...how can i fix this?

 

div#blah {

position: absolute:

top: 30px;

left: 100px;

}

 

thanks!!

 

as Rob says a link and some more code would help.

 

Still here's a guess, there's a float in the <div> before the one you quote, try adding a <div> with { clear : both; } before the <div> that's both left and right.

 

Additionally absolute positioning can be a wretch if you're using a centred wrapper, instead you could use

 

{ position : relative;

top : x px;

left : x px; }

 

That way the <div> sits within the centred wrapper but is positioned absolutely relatlive to it's place in the docs natural flow.

 

I have been using position:absolute for some <div>'s but when i do the following type code FF will put them on the right and IE on the left...how can i fix this?

 

div#blah {

position: absolute:

top: 30px;

left: 100px;

}

 

thanks!!

 

You have to nest the <div id="blah"> inside a <DIV> whose position is set to relative ( position:relative; ).

then it will work prefect in all the Browsers.

Absolute positioned element has to be nested inside a position relative element. Then only it will display correctly in alll Browsers.

"Absolutely" positioning an element will take it out of the "normal flow".

 

There's no reason why "left:100px" should cause the element to display on the right hand side of the screen in FF, which is why we need to see the page where this bug is occurring - there's likely something else causing this error.

May be you are right Bro Rachael..

I think if we see his code the we can suggest in a much better way..

Can you please provide the link of the page with problem..