positioning layers

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

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">
                        <img src="1.1" />
        <span class="adorno"><!-- its over the central div -->
                <img src="1.2 />
        <div class="central">
                <div clas="main">
                        <div class="contenido" >
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

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. :)

Re: positioning layers

Cachorro wrote:
Quoted text here. Click to load it

  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)

Re: positioning layers

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

I hope it will help

Take care u all


Re: positioning layers


Quoted text here. Click to load it

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.

Infinity has its limits.

Re: positioning layers

ok i will try

Thanxxx a lot :)

Take care u all

Site Timeline