CSS Problem

Started by JustNoPoint, April 10, 2009, 02:03:35 PM

Previous topic - Next topic

JustNoPoint

I am having a major issue trying to force an ad on DrunkDuck.com to the bottom of the web page in IE.

http://www.drunkduck.com/Temp_Test/

If you scroll down under the comic page to the comment area you'll see a floating ad (or if you have an adblock you'll see just a DD black bar)

Anyway. I am trying to get that to stick to either the bottom of the screen or the bottom of the comment box.

Here is the code involving that area.
#ddban {
position: absolute;
display: table;
overflow:visible;
left: 25%;
vertical-align: bottom;
}


<!--BEGIN NEWS AND COMMENT BOX-->
<div id="newscont">
  <div id="newsrow">
  <div id="newsleft"><div class="column-in"></div></div>
  <div id="news" align="left"><div class="column-in">
  <br>
        <!--BEGIN CONTENT CODES HERE FOR NEWS/COMMENTS-->
                        <!--[COMMENT_FORM=450,150]-->
<!--[AUTHORS_NOTES=450]-->
                <!--[COMMENTS=450]-->
        <!--[COMMENT_FORM=450,250]-->
        <!--END CONTENT CODES HERE FOR NEWS/COMMENTS-->

  </div></div>
  <div id="newsright"><div class="column-in"></div></div>
</div>
      <div id="ddban" align="center"><img src="http://www.justnopoint.com/site/images/stars.gif"></body></div>
    </div>

<!--END NEWS AND COMMENT BOX-->


Here is ALL the coding if you need to see it.
Spoiler (click to show)
<html>
<head>
<title><!--[COMIC_NAME]--> <!--[PAGE_TITLE]--></title>
        <!--REF TO CSS FILE -MAKE SURE THE HREF POINTS TO THE CORRECT LOCATION OF THE FILE. BY DEFAULT, IT'S IN THE SAME DIRECTORY AS TEST.PHP-->
<style type="text/css" media="screen">
/*GENERAL SITE EFFECTS*/
body {
background-color: #000000;
background: url('http://www.justnopoint.com/site/images/stars.gif');
color:#000000;
text-align:center;
font-family:verdana;
font-size:12px;
}
/*COPYRIGHT LINK EFFECTS*/
.copyrights {text-align:center; font-size:10px; color:#FFFFFF;}
A:link.copyrights {text-decoration: none; font-weight:bold; color:#B2E04F;}
A:visited.copyrights {text-decoration: none; font-weight:bold; color:#B2E04F;}
A:hover.copyrights {text-decoration: none; font-weight:bolder; color:#456500;}
/*IMAGE LINK EFFECTS*/
A:link.images {text-decoration: none; color:#B2E04F;}
A:visited.images {text-decoration: none; color:#B2E04F;}
A:hover.images {text-decoration: none; color:#456500;}
/*DEFAULT LINK EFFECTS*/
A:link { text-decoration: none; color:#006600; font-weight:bold; background-color:#transparent; border:0px solid #transparent;}
A:visited { text-decoration: none; color:#006600; font-weight:bold; background-color:#transparent; border:0px solid #transparent;}
A:hover { text-decoration: none; color:#66ff00; font-weight:bold; background-color:#33cc00; border:0px solid #transparent;}

/*WEBSITE BELOW COMIC EFFECTS*/
#left {
position: absolute;
width: 256px;
background: url('http://www.justnopoint.com/site/images/nav_left_bg.gif'); /*CHANGE "gfx/" TO FOLDER YOU KEEP YOUR IMAGES IN*/
left: 0px;
}
#ddban {
position: absolute;
display: table;
overflow:visible;
left: 25%;
vertical-align: bottom;
}
.column-in {
margin:0; padding:10px;
}
#newscont {
width: 551px;
position: absolute;
display: table;
left: 25%;
overflow:visible;
}
#newsrow  {
display: table-row;
}
#newsleft {
width:30px;
background: url('http://www.justnopoint.com/site/images/news_left_bg.gif'); /*CHANGE "gfx/" TO FOLDER YOU KEEP YOUR IMAGES IN*/
overflow: auto;
display: table-cell;
}
#news {
width: 491px;
background-color: #e3e9e8;
overflow: auto;
display: table-cell;
}
#newsright {
width:30px;
background: url('http://www.justnopoint.com/site/images/news_right_bg.gif'); /*CHANGE "gfx/" TO FOLDER YOU KEEP YOUR IMAGES IN*/
overflow: auto;
display: table-cell;
}
#right {
position: absolute;
right:0px;
width: 203px;
background: url('http://www.justnopoint.com/site/images/nav_right_bg.gif'); /*CHANGE "gfx/" TO FOLDER YOU KEEP YOUR IMAGES IN*/
overflow: auto;
}
/* IE ONLY */
  * html #newsleft {
    float:left;
    }
  * html #newsright {
    float:right;
    }
  * html #news {
    float: left;
    }
* html #newsrow {
    background:url("http://www.justnopoint.com/site/images/news_bg_ie.gif") repeat; /*CHANGE "gfx/" TO FOLDER YOU KEEP YOUR IMAGES IN*/
}
* html #newscont {
    background:url("http://www.justnopoint.com/site/images/news_bg_ie.gif") repeat; /*CHANGE "gfx/" TO FOLDER YOU KEEP YOUR IMAGES IN*/
    }
</style>
            <!--END CSS REF-->
</head>
<body>
<!--BEGIN TOP HALF-->
<center>
<!--BEGIN LOGO STUFF-->
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
<!--JUST NO POINT LINK-->
    <td rowspan="4" valign="top"><a class="images" href="http://www.justnopoint.com/"><img src="http://www.justnopoint.com/site/images/logo1.jpg" width="74" height="66" border="0"></a><br>
    <img src="http://www.justnopoint.com/site/images/logo2.jpg" width="74" height="47"><br>
    <!--PITS LINK-->
    <a class="images" href="http://www.palaceinthesky.com/"><img src="http://www.justnopoint.com/site/images/logo3.jpg" alt="" width="74" height="96" border="0"></a></td>
    <td  valign="top" rowspan="4"><a class="images" href="http://www.drunkduck.com/The_Devon_Legacy_Prologue/"><img src="http://www.justnopoint.com/site/images/logo4.jpg" width="310" height="209" border="0"></a>
    </td>
    <td  valign="top" rowspan="4"><img src="http://www.justnopoint.com/site/images/logo5.jpg" width="242" height="209"></td>
    <td  valign="top"><img src="http://www.justnopoint.com/site/images/logo6.jpg" width="314" height="89"></td>
    <td  valign="top"><img src="http://www.justnopoint.com/site/images/logo7.jpg" width="84" height="89" border="0"></td>
  </tr>
  <tr>
    <td  valign="top" colspan="2"><img src="http://www.justnopoint.com/site/images/logo8.jpg" width="398" height="25"></td>
  </tr>
  <tr>
  <!--FIRST ROW OF LOGO LINKS-->
    <td  valign="top" colspan="2"><a class="images" href="http://www.drunkduck.com/Devon_Legacy_Bios"><img src="http://www.justnopoint.com/site/images/cast.jpg" alt="" width="97" height="55" border="0"></a><a class="images" href="http://www.drunkduck.com/Devon_Legacy_Abridged"><img src="http://www.justnopoint.com/site/images/story.jpg" width="153" height="55" border="0"></a><a class="images" href="http://www.justnopoint.com/site/cbr"><img src="http://www.justnopoint.com/site/images/cbr.jpg" width="148" height="55" border="0"></a></td>
  </tr>
  <tr>
  <!--SECOND ROW OF LOGO LINKS-->
    <td  valign="top" colspan="2"><a class="images" href="http://www.drunkduck.com/The_Devon_Legacy_Random_Art/"><img src="http://www.justnopoint.com/site/images/jnpart.jpg" width="97" height="40" border="0"></a><a class="images" href="http://www.drunkduck.com/Devon_Legacy_Fan_Art/"><img src="http://www.justnopoint.com/site/images/fanart.jpg" width="78" height="40" border="0"></a><a class="images" href="mailto:keith@justnopoint.com"><img src="http://www.justnopoint.com/site/images/email.jpg" alt="" width="73" height="40" border="0"></a><a class="images" href="http://www.justnopoint.com/forum/"><img src="http://www.justnopoint.com/site/images/forum.jpg" alt="" width="77" height="40" border="0"></a><a class="images" href="http://www.justnopoint.com/links"><img src="http://www.justnopoint.com/site/images/links.jpg" width="73" height="40" border="0"></a></td>
</tr>
</table>
<br>
<br>
<br>
<!--END LOGO STUFF-->
<!--BEGIN BANNER STUFF-->
<table height="94" width="80%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="42"><div align="right"><img src="http://www.justnopoint.com/site/images/comborder_top_left.gif" width="42" height="144"></div></td>
    <td background="http://www.justnopoint.com/site/images/comborder_top_bg.gif" colspan="3">
    <!-- Beginning of Project Wonderful ad code: -->
    <center>
<!-- Beginning of Project Wonderful ad code: -->
<!-- Ad box ID: 35924 -->
<script type="text/javascript">
<!--
var d=document;
d.projectwonderful_adbox_id = "35924";
d.projectwonderful_adbox_type = "5";
d.projectwonderful_foreground_color = "";
d.projectwonderful_background_color = "";
//-->
</script>
<script type="text/javascript" src="http://www.projectwonderful.com/ad_display.js"></script>
<noscript><map name="admap35924" id="admap35924"><area href="http://www.projectwonderful.com/out_nojs.php?r=0&amp;c=0&amp;id=35924&amp;type=5" shape="rect" coords="0,0,728,90" title="" alt="" target="_blank" /></map>
<table cellpadding="0" border="0" cellspacing="0" width="728" bgcolor="#ffffff"><tr><td><img src="http://www.projectwonderful.com/nojs.php?id=35924&amp;type=5" width="728" height="90" usemap="#admap35924" border="0" alt="" /></td></tr><tr><td bgcolor="#ffffff" colspan="1"><center><a style="font-size:10px;color:#0000ff;text-decoration:none;line-height:1.2;font-weight:bold;font-family:Tahoma, verdana,arial,helvetica,sans-serif;text-transform: none;letter-spacing:normal;text-shadow:none;white-space:normal;word-spacing:normal;" href="http://www.projectwonderful.com/advertisehere.php?id=35924&amp;type=5" target="_blank">Ads by Project Wonderful!  Your ad here, right now: $0</a></center></td></tr><tr><td colspan=1 valign="top" width=728 bgcolor="#000000" style="height:3px;font-size:1px;padding:0px;max-height:3px;"></td></tr></table>
</noscript>
<!-- End of Project Wonderful ad code. -->
<!-- End of Project Wonderful ad code. -->
    </td>
    <td width="42"><img src="http://www.justnopoint.com/site/images/comborder_top_right.gif" width="42" height="144"></td>
  </tr>
<!--END BANNER STUFF-->
<!--BEGIN COMIC CONTENT-->
<!--BEGIN COM NAVIGATION TOP-->
  <tr>
<td colspan="5" background="http://www.justnopoint.com/site/images/combg.gif">
<center>
<table background="http://www.justnopoint.com/site/images/comnav_top.gif" width="517" height="58" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <!--TOP COMIC NAVIGATION BUTTONS-->
    <center>
<!--BOTTOM COMIC NAVIGATION BUTTONS-->
                  <!--[NAV_FIRST=http://www.justnopoint.com/site/images/first.png]-->&nbsp;&nbsp;
<!--[NAV_PREVIOUS=http://www.justnopoint.com/site/images/back.png]-->&nbsp;&nbsp;
<!--[NAV_NEXT=http://www.justnopoint.com/site/images/next.png]-->&nbsp;&nbsp;
<!--[NAV_LAST=http://www.justnopoint.com/site/images/last.png]-->
    </center>
    </td>
</tr>
</table>
</center>
</td>
  </tr>
<!--END COM NAVIGATION TOP-->
  <tr>
    <td background="http://www.justnopoint.com/site/images/combg.gif" colspan="5">
    <center>
        <!--REPLACE WITH COMIC PAGE CODE-->
        <!--[PAGE]-->
        </center>
    </td>
   </tr>
   <!--END COMIC CONTENT-->
   <tr>
    <td width="42"><img src="http://www.justnopoint.com/site/images/comborder_bot_left.gif" width="42" height="97"></td>
<!--BEGIN COM NAVIGATION BOTTOM-->
<td background="http://www.justnopoint.com/site/images/comborder_bot_bg.gif" colspan="3">
    <center>
<table background="http://www.justnopoint.com/site/images/comnav_bot.gif" width="517" height="97" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="bottom">
    <center>
    <!--BOTTOM COMIC NAVIGATION BUTTONS-->
                <!--[NAV_FIRST=http://www.justnopoint.com/site/images/first.png]-->&nbsp;&nbsp;
<!--[NAV_PREVIOUS=http://www.justnopoint.com/site/images/back.png]-->&nbsp;&nbsp;
<!--[NAV_NEXT=http://www.justnopoint.com/site/images/next.png]-->&nbsp;&nbsp;
<!--[NAV_LAST=http://www.justnopoint.com/site/images/last.png]-->
    </center>
    </td>
  </tr>
</table>
</center>
    </td>   
<!--END COM NAVIGATION BOTTOM-->
    </td>
    <td width="42"><img src="http://www.justnopoint.com/site/images/comborder_bot_right.gif" width="42" height="97"></td>
  </tr>
</table>
</center>
<!--END TOP HALF-->
<br>
<br>
<!--BEGIN DROPDOWN-->
<center>
<table width="55%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><!--[PAGE_DROPDOWN]--></td>
  </tr>
</table>
</center>
<!--END DROPDOWN-->
<br>
<br>
<!--START BOTTOM HALF-->
<div id="left">
<table border="0" cellspacing="0" cellpadding="0" background="http://www.justnopoint.com/site/images/nav_left_top.gif" height="94" width="256">
  <tr>
    <td>
    <!--ISSUE SELECT FLASH-->
    <!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="207" height="80" id="scrollmenu1" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.justnopoint.com/site/images/scrollmenu1.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#999999" /><embed src="http://www.justnopoint.com/site/images/scrollmenu1.swf" quality="high" bgcolor="#999999" width="207" height="80" name="scrollmenu1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
    <!--END ISSUE SELECT FLASH-->
    </td>
  </tr>
</table>
<img src="http://www.justnopoint.com/site/images/issueselect.png">
<a class="images" href="http://www.drunkduck.com/Off_Hours/" target="_blank"><img src="http://www.justnopoint.com/site/images/offhours.gif" border="0"></a>
<!--BACKSTAGE FLASH-->
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="240" height="85" id="offhours" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.justnopoint.com/site/images/offhours.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="http://www.justnopoint.com/site/images/offhours.swf" quality="high" bgcolor="#000000" width="240" height="85" name="offhours" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object><!--END BACKSTAGE FLASH-->
<!--BEGIN RECOMMENDED LINKS-->
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
var imagenumber = 2 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "http://www.justnopoint.com/banneranim02a.gif"
images[2] = "http://www.justnopoint.com/banneranim01.gif"
var myimage = images[rand1]
links = new Array
links[1] = "http://www.drunkduck.com/FIGHT"
links[2] = "http://www.drunkduck.com/FIGHT_2"
var mylink = links[rand1]
document.write('<A HREF="' + mylink + '"><IMG src="' + myimage +
'"></A>')
// -- End Hiding -->
</SCRIPT>
<a class="images" href="http://www.drunkduck.com/Engine/"><img src="http://www.justnopoint.com/enginesig.jpg" border="0"></a>
<a class="images" href="http://www.drunkduck.com/Hexagon_Death_Squad/"><img src="http://www.justnopoint.com/HDS.jpg" border="0"></a>
<a class="images" href="http://www.drunkduck.com/Scorch/"><img src="http://www.justnopoint.com/scorch.gif" border="0"></a>
<a class="images" href="http://www.drunkduck.com/Shades/"><img src="http://www.justnopoint.com/Shades.jpg" border="0"></a>
<a class="images" href="http://www.drunkduck.com/Rival_Angels/"><img src="http://www.justnopoint.com/ra.jpg" border="0"></a>
<a class="images" href="http://www.drunkduck.com/Punk_Pink/"><img src="http://www.drunkduck.com/Punk_Pink/gfx/ppbanner.jpg" border="0"></a>
<!--END RECOMMENDED LINKS-->
<br><br>
<!--BEGIN VOTE/DIGG/STUMBLE LINKS-->
<a class="images" href="http://www.webcomicz.com/webcomics/815/vote.html"><img src="http://www.webcomicz.com/images/rank/815.png" border="0"></a>
<a class="images" href='http://topwebcomics.com/vote/8382/default.aspx'><img src='http://topwebcomics.com/rankimages/rankimage.aspx?ImageTemplate=dynamiclink1&SiteID=8382' border="0"></a>
<a class="images" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.drunkduck.com/The_Devon_Legacy_Prologue"><img border=0 src="http://cdn.stumble-upon.com/images/32x32_su_round.gif" alt=""></a>
<a class="images" href="http://digg.com/comics_animation/The_Devon_Legacy_Prologue_2"><img src="http://digg.com/img/badges/32x32-digg-guy.gif" width="32" height="32" alt="Digg!" border="0" class="images"></a>
<!--END VOTE/DIGG/STUMBLE LINKS-->
<!--BEGIN DONATE AND RSS LINKS-->
<br><br>
<table border="0" cellspacing="0" cellpadding="0" background="http://www.justnopoint.com/site/images/nav_left_bot.gif" width="256" height="95">
  <tr>
    <td width="138">
    <center>
    <!--PAYPAL SCRIPT GOES HERE; MAKE SURE YOU USE THE IMAGE I MADE HERE WHEN CREATING/EDITING THE PAYPAL BUTTON; OTHERWISE, IT WILL STRETCH OUT THE BOTTOM
    NAVIGATION CAP AND MAKE IT LOOK AWKWARD-->
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
                    <input type="hidden" name="cmd" value="_donations">
                    <input type="hidden" name="business" value="thedreamslayer@hotmail.com">
                    <input type="hidden" name="item_name" value="JustNoPoint.com">
                    <input type="hidden" name="no_shipping" value="1">
                    <input type="hidden" name="return" value="http://www.justnopoint.com/thanks">
                    <input type="hidden" name="cancel_return" value="http://www.justnopoint.com">
                    <input type="hidden" name="cn" value="Cuss me here =D">
                    <input type="hidden" name="currency_code" value="USD">
                    <input type="hidden" name="tax" value="0">
                    <input type="hidden" name="lc" value="US">
                    <input type="hidden" name="bn" value="PP-DonationsBF">
                    <input type="image" src="http://www.justnopoint.com/site/images/donate.jpg" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
                    <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
                    </form>
        <!--END PAYPAL SCRIPT-->
    </center>
    </td>
    <td width="118">
    <a class="images" href="http://www.drunkduck.com/rss/rss.php?cid=13149"><img src="http://www.justnopoint.com/site/images/rss.gif" border="0"></a>    </td>
  </tr>
</table>
<!--END DONATE AND RSS LINKS-->
<!--BEGIN COPYRIGHTS/CREDITS NOTICE PLEASE DO NOT REMOVE THIS! ALSO, YOU DO NOT NEED TO EDIT THE COPYRIGHT YEAR; THE PHP CODE HERE
AUTOMATICALLY WRITES THE CURRENT YEAR INTO PLACE-->
<table border="0" cellspacing="0" cellpadding="0" background="http://www.justnopoint.com/site/images/stars.gif" width="256">
  <tr>
   <td>
   <font class="copyrights">The Devon Legacy is &copy;2007-2009<br>
   Keith Taylor. Layout design by<br>
   <a class="copyrights" href="http://www.bahstudios.com/" target="_blank">Briana Higgins</a>.</font>
   </td>
  </tr>
</table>
<!--END COPYRIGHTS/CREDITS NOTICE-->
</div>

<!--BEGIN NEWS AND COMMENT BOX-->
<div id="newscont">
  <div id="newsrow">
  <div id="newsleft"><div class="column-in"></div></div>
  <div id="news" align="left"><div class="column-in">
  <br>
        <!--BEGIN CONTENT CODES HERE FOR NEWS/COMMENTS-->
                        <!--[COMMENT_FORM=450,150]-->
<!--[AUTHORS_NOTES=450]-->
                <!--[COMMENTS=450]-->
        <!--[COMMENT_FORM=450,250]-->
        <!--END CONTENT CODES HERE FOR NEWS/COMMENTS-->

  </div></div>
  <div id="newsright"><div class="column-in"></div></div>
</div>
      <div id="ddban" align="center"><img src="http://www.justnopoint.com/site/images/stars.gif"></body></div>
    </div>

<!--END NEWS AND COMMENT BOX-->
<!--BEGIN RIGHT SIDE ADS-->
<div id="right">
<img src="http://www.justnopoint.com/site/images/nav_right_top.gif">
<center>
<!--PITS SKY BANNER CODE-->
<!-- Begin Project Wonderful ad code: -->
<!-- IMPORTANT: All lines, including these comments, must be included.
-->
<!-- Removal or unauthorized alteration may result in your ads being
automatically suspended! -->
<!-- Ad box ID: 19102 -->
<script language='JavaScript' type='text/javascript'>
// <![CDATA[
//On the next two lines, you can set custom colours for your
//ad box, which will override anything you've set on
//Project Wonderful.  This is useful when you have the
//same ad box appearing on pages with different colour
//schemes.  Use only hexadecimal colour codes here.  If you
//don't understand what this means, don't worry!  You can leave
//the code unaltered and your ads will still display properly.
foregroundColor='';
backgroundColor='';

r = new String (Math.random()*1000);
r = r.substr(0, 5);
s = new String (String.fromCharCode(60));
s += "script language='JavaScript' type='text/javascript'";
s += "src = http://www.projectwonderful.com/gen.php";
s += "?id=19102&type=3";
s += "&r=" + r;
if (document.referrer){
s += "&referer=" + escape(document.referrer);
}

s += "><\/scr";
s += "ipt>";
document.write(s);
// ]]>
</script>
<noscript><map name="admap19102" id="admap19102"><area href="http://
www.projectwonderful.com/out_nojs.php?r=0&c=0&id=19102&ty..."
shape="rect" coords="0,0,160,600" title="" alt="" target="_blank" /></
map>
<table cellpadding="0" border="0" cellspacing="0" width="160"
bgcolor="#ffffff"><tr><td><img src="http://www.projectwonderful.com/
nojs.php?id=19102&type=3" width="160" height="600"
usemap="#admap19102" border="0" alt="" /></td></tr><tr><td
bgcolor="#ffffff" colspan="1"><center><a style="font-size:
10px;color:#00ee00;text-decoration:none;line-height:1.2;font-
weight:bold;font-family:Tahoma, verdana,arial,helvetica,sans-
serif;text-transform: none;letter-spacing:normal;text-
shadow:none;white-space:normal;word-spacing:normal;" href="http://
www.projectwonderful.com/advertisehere.php?id=19102&type=3"
target="_blank">Project Wonderful - Your ad here, right now, for as
low as $0.50</a></center></td></tr><tr><td colspan=1 valign="top"
width=160 bgcolor="#000000" style="height:3px;font-size:1px;padding:
0px;max-height:3px;"></td></tr></table>
</noscript>
<!-- End Project Wonderful ad code. --><br>
<!--PITS SKY NETWORK CODE-->
<iframe frameborder="0" scrolling="no" style="height:380px; width:170px; margin:0px; padding:0px; overflow:hidden; border:none;" src="http://www.heavycatweb.net/skyviewer/skyviewer.html"></iframe>
</center>
<table width="203" height="22" border="0" cellspacing="0" cellpadding="0" background="http://www.justnopoint.com/site/images/nav_right_bot.gif">
  <tr>
    <td></td>
  </tr>
</table>
</div>
<!--END RIGHT SIDE ADS-->
<br>
<!--END BOTTOM HALF-->
</body>
</html>

That stars.gif img is just there to try and help me move it around.
The only way to get that stupid ad/banner to show up is with a </body> tag. So I have to put a premature </body> tag to initialize it. Otherwise it floats like right underneath the comic page.

Any help is greatly appreciated.

Valodim

still not sure what you are trying to achieve there... bottom of the screen as in it sticks there independently of the scrolling position? or just bottom of the page?

either way... position absolute display table left 25% valign bottom overflow visible? wtf? o_O

right now in opera it shows up at the bottom of the screen but starting at the middle (therefore stretching the page to the right)

JustNoPoint

Well, I didn't code this. I never messed with css till just now :P

Anyway, the DD ad needs to be just at the bottom of the page.

Or at least under the comment box all the time. The comment box gets longer as more comments are made obviously.

With my resolution I didn't notice it made the screen stretch to the right.

In IE it is just not usable at all. I can live with it stretching the screen. I would rather it not of course.

Any suggestions?

Briana, the person that coded it is out of ideas as well. And the admins at DD don't have any suggestions.

Messatsu

What version of IE you use?  Each of them have a varying level of support for certain elements and levels of CSS.

I don't know enough about CSS to help you outright, but you don't have access to modify the whole source of the page to just throw that at the bottom?  Like they let you upload via a form rather than upload a *.html?

Quote from: Bastard Wolf on May 12, 2008, 05:02:05 PM
Many people risk their lives everyday by having Mugen.

JustNoPoint

Even if I did look at Drunk Duck's source code and got the source code for that ad when I ended the code with a </body> tag DD would automatically generate the ad again.

I'm using IE v 6.029 BTW

Does the ad look correct on your IE?

Messatsu

#5
It's in the middle (top / bottom) and in the middle (left / right) in IE 7.0.5730.13.
http://img177.imageshack.us/img177/8974/92967896.jpg

Do they have instructions for how you're supposed to deal with the ad somewhere online?

Quote from: Bastard Wolf on May 12, 2008, 05:02:05 PM
Many people risk their lives everyday by having Mugen.

JustNoPoint

#6
Never had a problem with it till now.

I guess they just assume that </body> will place the ad at the bottom of the page.

With most html it does. I had always used tables instead of CSS, but was told CSS is faster and better.


To answer your question though...

Nope, they have nothing that gives you alternatives for that ad.

The DD banner is always on top, they have an ad automatically generate under your comic, and the very bottom ad is always there.

On my current web design it looks fine
http://www.drunkduck.com/The_Devon_Legacy_Prologue/

But I coded that one with tables.

MirageAtoli

Why are you trying to absolute position the advertisement?
Quote from: Titiln on December 31, 2007, 10:46:10 PM
i think we should call it an "engine" so we don't look like total idiots because otherwise we'd be arguing about a "game" and that would be somehow "dumber" than arguing about an "engine" on the "internet" for countless hours

Quote from: Beatrice on March 01, 2010, 06:55:03 PM
Quote from: Iced
I for one, do not enjoy round corners!  :bigcry:
But they hurt much less when we accidentally hit them!  :S

JustNoPoint

That would be Briana's coding. She's tried a few different ways to bind the ad to the bottom of the screen.

Messatsu

Thought I posted the link, but guess not.  You're up a creek with IE6 unless there are other CSS techniques you can use with level 1.

http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx (see the heading with Positioning)

Quote from: Bastard Wolf on May 12, 2008, 05:02:05 PM
Many people risk their lives everyday by having Mugen.

JustNoPoint

Well, I fixed it (kinda) by removing the absolute position coding.

I fixed it in IE. Though it made the comment area have 2 bars to the right instead of 1.

But in FireFox it totally killed the comment area x_X

Valodim

#ddban {
  margin-left: auto;
  magin-right: auto;
}


alternatively
#ddban {
  display: table-row;
}

and put the div outside the "newsrow" div (basically one line lower)

the closing body tag to fib the layout is a big no-no.