div position problems..., please come in and see if u can help me >< Options

[yunchikan]

i really need to know what do i have to put into my script if i want my div box to stay the same position even when i do full screen..

example is here. thats my gj site. and if u press F11 [for full screen] u will see that the div box is moved up. and since everyone uses different browsers and have different screens.. i want that div thing to be at the same spots on every computer...

i really wanna know if theres a script that can do that.. i tried looking~ but i cant find it!!!!! please help ><
i'll be very appreciated <3
thank you.

[wildkitty]

there's not really a script to sort this out - it's just one of the limits of divs i'm afraid.
but i have a plan!
make the background image a div. you don't need to set it to anything, just:

CODE

<div style="width: ##px; height: ##px; background-image: url(urlforimagerighthere);">

</div>

if that doesn't work just do this:

CODE

<div>
<img src="url for image right here">
</div>

then put your div for your text box inside that:

CODE

<div style="width: ##px; height: ##px; background-image: url(urlforimagerighthere);">
<div style="all the styles you've set to your textbox div; position: relative; top: ##px; left: ##px">type your text here</div>
</div>

so the relative position means the pixels from the top and left of the actual first div (the image) rather than the top of the page. do you get that?

if thats all a bit confusing for you, don't centre the image, just let it sit in the top left corner. then position the div. it will work in all sizes.

good luck! personal message me if you have a query/problem/don't understand because i may forget to look back at this convo.

kitty