Help - Search - Members - Calendar
Full Version: Div Troubles...
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
EMOruffino
Okay.. I'm trying to get this image to overlay correctly... this is what it looks like when it works with my resolution:



and this is what it looks like in another:



heres my code:
CODE
<div style="position: absolute; width: 100px; height: 100px; left: 902px; top: 241px" id="trailer">


So i know my coding is way off, how can i make it stick with the page?

Cmain
Base the margin off of a fixed container. Using position: absolute; is what is throwing it off.
EMOruffino
okay, i got it working in IE, but now FF has it a bit off and scrolls down the screen... new code:

CODE
<div style="position: fixed; width: 100px; height: 100px; margin-top: -85px; margin-left: 500px;" id="trailer">


IE:

FF:


i have tried:

fixed <-> above error
auto <-> centers FF and hides IE
absolute <-> puts back above error
EMOruffino
FIXED ERROR....

Had to remove this from the code:

CODE
width: 100px; height: 100px;


and also change from fixed to auto.....
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.