Re: Absolute positioning - a done deal?

"Jonathan Berry" <[email protected]> Sun, 23 Apr 2006 22:37:08 -0700
Newsgroups	gmane.comp.web.dom.wdf
Message-ID	<[email protected]>
Thanks, guys. But I just tried it and it didn't work. Let me show you some
sample code that illustrates my problem. The ads are loading in and bringing
a series of divs with them. Maybe you could have a look at my code and see
what I am trying to do?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<script type="text/javascript">
document.write('<style
type="text/css">.floatright{float:right;position:static;}.reg{float:right;position:static;}</style>');

//These two functions I wrote just to try to align, but they are not
working. Tried onload and onclick (div).

function alignAds(){
    var pgtables = document.getElementsByTagName('table');
    for(i=0;i<pgtables.length;i++){
        if(pgtables[i].className == 'bigbox'){
            var divs = document.getElementsByTagName('div');;
            for(j=0;j<divs.length;j++){
                var objs = divs[j].childNodes;
                for(k=0;k<objs.length;k++){
                    if(objs[k].tagName=='P'){
                        var pNode = objs[k];
                        var parNode = pNode.parentNode;
                        while(parNode&&parNode.style.width!="360px"){
                            alert(parNode.tagName);
pNode.className="floatright";
                            parNode.className = 'floatright';
                            parNode = parNode.parentNode ;
parNode.className="reg";
                        }
                    }
                }
            }
        }
    }
}
function pop(){
    var pel = document.getElementById('pel');
    pel.className = "reg";
    pel.parentNode.className = "reg";
    pel.parentNode.parentNode.className = "reg";
    pel.parentNode.parentNode.parentNode.className = "reg";
    pel.parentNode.parentNode.parentNode.parentNode.className = "reg";
}
</script>
</head>
<body onload="pop();">
<table cellpadding="5" width="1024" class="stop"><tr><td>
<div style="background-color:#f00;">
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text. This is text. This is text. This is
text. This is text. This is text. This is text. This is text. This is text.
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text.
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text. This is text. This is text. This is
text. This is text. This is text. This is text. This is text. This is text.
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text. This is text. This is text. This is
text. This is text. This is text. This is text. This is text. This is text.
This is text. This is text.
<table align="right" class="bigbox"><tr><td>
this is the right column text
</td></tr></table>

<div style="position:absolute;background-color:#edd;">
<div style="position:absolute;background-color:#ddf;">
<div style="position:absolute;background-color:#fdd;">
<div style="position:absolute;width:300px;background-color:F00;">
<p width="300" id="pel" style="background-color:#F90;">The Walrus and the
Carpenter<br>
Walked on a mile or so,<br>
And then they rested on a rock<br>
Conveniently low:<br>
And all the little Oysters stood<br>
And waited in a row.<br></p>
</div>
</div>
</div>
</div>
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text. This is text. This is text. This is
text. This is text. This is text. This is text. This is text. This is text.
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text. This is text. This is text. This is
text. This is text. This is text. This is text. This is text. This is text.
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text. This is text. This is text. This is
text. This is text. This is text. This is text. This is text. This is text.
This is text. This is text. This is text. This is text. This is text. This
is text. This is text. This is text. This is text. This is text. </div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div style="bottom:0;padding:3px;z-index:500;border:1px solid
#9FF;background-color:#FF0;width:110px;"

id="clicker">aLIGN</div>
<script type="text/javascript">
document.getElementById("clicker").onclick = pop;
</script>
</div></td></tr></table>
</body>
</html>
>
>
>  ------------------------------
>



--
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[email protected]
www.mindarc.com


[Non-text portions of this message have been removed]



Unsubscribe
[email protected]

List info
http://www.quirksmode.org/dom/list.html 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/wdf-dom/

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/