positioning layers

[Cachorro]

Hi all!!!

Im new to this news, but i think i will post quite a lot :)

My problem is i got 1 big pic divided in 2 smallers 1.1 and 1.2.

big one [_________|______] <- this one is the 1.1
|______] <- this one is the 1.2

the 1.1 is in a centerd div and the 1.2 is in another div relative
positioned, and is over the contents of the page div.central

<div align="center">
<div class="top">
<div>
<img src="1.1" />
</div>
</div>
<span class="adorno"><!-- its over the central div -->
<img src="1.2 />
</span>
<div class="central">
<div clas="main">
<div class="contenido" >
<iframe>
</iframe>
</div>
</div>
</div>
</div>
css code

span.adorno{position: relative; top: 0px; left: 261px; z-index: 1;}
..top {width: 780px; height: 150px;}

At my working resolution (1600x1200)in Firefox it works prefect, but
changing the resolution the span.adorno moves to the sides, depending it
the resolution is bigger or smaller. I got the same effect in IE.

How can i fix it? is there any universal measure for positioning elements
being independent from the browser or the resolution?

Thanks in advance

Take care u all
Cachorro

PD im not an english speaker, so i apologise from my awfull english, and i
hope that u all can understand what i want to do. :)

[Jim Moe]

Cachorro wrote:

My problem is i got 1 big pic divided in 2 smallers 1.1 and 1.2.

big one [_________|______] <- this one is the 1.1
|______] <- this one is the 1.2

Please post an URL to your test case. There are too many variables to
give an answer to your question.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[Cachorro]

Here it is..
http://paranoidworld.host.sk/tst/

I hope it will help
Take care u all

Cachorro

[Neredbojias]

To further the education of mankind, Cachorro <ca******@gmail.com>
vouchsafed:

Here it is..
http://paranoidworld.host.sk/tst/

I hope it will help

This seems to be the problem:

<div id="phpads_6f5d2720" style="position: absolute; width: 470px; height:
73px; z-index: 99; left: 786px; top: 0px; visibility: hidden;">

....which is apparently coming from one of those BS ad sources in your
javascript inclusions.

Change "left: 786px" to "left: 0px" and you remove the horz scrollbar.
What happens when the visibility becomes visible is anybody's guess.
--
Neredbojias
Infinity has its limits.

[Cachorro]

ok i will try
Thanxxx a lot :)

Take care u all
Cachorro