| | |
|
|
|
Move a div layer when window resizes... |
|---|
| message from David Douglas on 17 Jul 2004 |
this format, some or all of this message may not be legible.
|
| E. T. Culling replied to David Douglas on 17 Jul 2004 |
Move a div layer when window resizes...Probably best not to use a .png file.
Some browsers don't do well by .pngs. Gifs or jpgs will load more quickly
also (if optimized, of course).
Eleanor
P.S. ... why 640 x 480? Few use that small size any more.
"David Douglas" <david@deadlyfingers.com> wrote in message
news:BD1F0BA0.FC8%david@deadlyfingers.com...
I need a png logo to be positioned at the bottom right of my layout.
This is what I have got so far...
<div id=" logo" style="position:absolute; width:100px; height:100px;
z-index:1; background-image: url(img/logo.png); layer-background-image:
url(img/logo.png); overflow: hidden; left: 540px; top: 380px; visibility:
visible;"></div>
I have a 640x480 table layout centered within a 100% width & height table -
so if I make the browser window larger than 640x480 the logo layer stays in
the same place, but the rest of the layout moves away towards the center of
the page.
How do I make the div layer move with the rest of the table?
Thanks,
DD
|
| David Douglas replied to E. T. Culling on 17 Jul 2004 |
Hi E.T.
Also it has to be PNG - only PNG gives a alpha channel transparency - I'm
all to aware that IE has problems. But its a design decision.
Any advise on my real problem?
Cheers
|
| Murray *TMM* replied to David Douglas on 17 Jul 2004 |
Check PVII for SnapLayers extension or LayoutDesigner extension to align
things -
http://www.projectseven.com/
|
| Gary White replied to David Douglas on 17 Jul 2004 |
Visit http://projectseven.com and pick up their free snap layer extension.
It will do what you want. You do understand that your "design decision"
means that arguably 80-90% of your site's visitors won't see what you want
them to, right?
Gary
|
| David Douglas replied to Gary White on 17 Jul 2004 |
Cheers Gray & Murray P7 did the trick.
window.onload=reposition;
window.onresize=reposition;
function reposition() {
P7_Snap('anchorname','layername',0,0)
|
| Gary White replied to David Douglas on 17 Jul 2004 |
PNG is only one of many things implemented poorly, or not at all in IE. IE6
it getting to be a pretty old browser.
Gary
|
|
Archived message: Move a div layer when window resizes... (Macromedia Dreamweaver)
