Click here to get back home

positioning layers
 Home | NewsGroups | Search | About
Login Password
Register Now!
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
positioning layers Cachorro 04-25-2006
Posted by Cachorro on April 25, 2006, 7:40 am
Please log in for more thread options

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


Posted by Jim Moe on April 25, 2006, 11:51 am
Please log in for more thread options

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)

Posted by Cachorro on April 26, 2006, 6:16 am
Please log in for more thread options


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

I hope it will help


Take care u all

Cachorro

Posted by Neredbojias on April 26, 2006, 8:35 am
Please log in for more thread options


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.

Posted by Cachorro on April 26, 2006, 4:59 pm
Please log in for more thread options


ok i will try


Thanxxx a lot :)

Take care u all
Cachorro


Similar ThreadsPosted
layers compatibility August 5, 2005, 6:38 am
2 layers fixed background ? July 17, 2004, 5:20 pm
layering images without layers? June 4, 2008, 4:04 pm
PDF's not hiding along with layers. Shows through. March 9, 2005, 10:50 pm
Rendering problems with Mac Firefox and Layers December 5, 2005, 3:44 pm
show hide layers + scroll probs under Mac September 21, 2004, 11:03 am
HTML Tables vs. CSS Layers - when function and form coincide January 30, 2007, 3:25 am
css positioning June 3, 2005, 4:14 am
CSS positioning: why does this work? May 15, 2006, 2:12 pm
CSS positioning pickle July 11, 2006, 9:15 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap