Actually, I ended up having to move it in 8 pixels from the edge of the window. You can see a screen shot of what it ended up looking like in the following thread, along with two pics of what it looked like before, although they don't show the shift effect as clearly as it appeared in game, due to resampling.
http://www.crazy-canucks.com/index.php?name=PNphpBB2&file=viewtopic&p=8757#8757 I'll paste the code of my motd below so others can see what I had to do, if they end up with the same issues: <!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"; xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Drekland: Age of Chivalry MOTD</title> <style type="text/css"> body { font-family: Arial; font-size: 0.9em; color: #ffddbb; background-color: #8a7c5a; margin: 0; } #border_left { position: fixed; left: 0; top: 0; bottom: 0; width: 8px; background: #442200; } #border_top { position: fixed; left: 0; top: 0; right: 0; height: 8px; background: #442200; } #border_right { position: fixed; top: 0; right: 0; bottom: 0; width: 8px; background: #442200; } #border_bottom { position: fixed; left: 0; bottom: 0; right: 0; height: 8px; background: #442200; } #corner_tl { position: fixed; top: 0; left: 0; height: 52px; width: 52px; margin: 8px 0 0 8px; } #corner_tr { position: fixed; top: 0; right: 0; height: 52px; width: 48px; margin: 8px 2px 0 2px; } #corner_bl { position: fixed; bottom: 0; left: 0; height: 48px; width: 52px; margin: 2px 0 2px 8px; } #corner_br { position: fixed; bottom: 0; right: 0; height: 48px; width: 48px; margin: 2px; } img.corner_graphic { height: 44px; width: 44px; } #content { text-align: center; margin-top: 3%; } a { font-size: 1.2em; font-weight: 500; color: #ffffff; text-decoration: none; } a:hover { color: #ffddbb; text-decoration: underline; } h1 { font-size: 1.3em; font-weight: 600; color: #ffbb00; } h2 { font-size: 1.1em; font-weight: 500; color: #ffff00; } h3 { font-size: 1.0em; font-weight: 400; color: #cccccc; } h4 { font-size: 1.1em; font-weight: 500; color: #882200; } #rules_title { text-align: center; text-decoration: underline; font-size: 0.9em; font-weight: bold; line-height: 200% } #rules_content { text-align: left; margin-left: 20%; font-size: 0.9em; line-height: 150% } </style> </head> <body> <div id="border_top"></div> <div id="border_left"></div> <div id="border_right"></div> <div id="border_bottom"></div> <div id="corner_tl"><img class="corner_graphic" src="images/cc_cg_tl.gif" alt="" /></div> <div id="corner_tr"><img class="corner_graphic" src="images/cc_cg_tr.gif" alt="" /></div> <div id="corner_bl"><img class="corner_graphic" src="images/cc_cg_bl.gif" alt="" /></div> <div id="corner_br"><img class="corner_graphic" src="images/cc_cg_br.gif" alt="" /></div> <div id="content"> <h1>Welcome to Drekland: Age of Chivalry!</h1> <h2>This is the Crazy Canucks Gaming Community official server.</h2> <h3>We are always open to new members. <br />If you would like more information please visit:</h3> <a href="http://www.crazy-canucks.com/cc_details.html";>www.crazy-canucks.com</a> <br /><br />----------------------------------------------------- <div id="rules_title">Server Rules</div> <div id="rules_content"> <b>1.</b> Have fun!<br /> <b>2.</b> Treat your fellow warriors with respect.<br /> <b>3.</b> Please keep the server healthy for families. Keep the foul language to a minimum. </div> <br />----------------------------------------------------- <h4>Friendly Fire is ON!</h4> </div> </body> </html> Crazy Canucks wrote: > Patrick, don't spend any time on this, I think I've got it sorted. I'm > deleting the images from my ftp. I needed to move the images in 6 > pixels from the edge of the window for some reason. Now that I've done > that, they display properly. They aren't exactly in the corners > anymore, but they might look better even discounting the distortion. > > For anyone who faces the same issue, here is the relevant code: > > [style] > #border_left { position: fixed; left: 0px; top: 0px; bottom: 0px; width: > 6px; background: #442200; } > #border_top { position: fixed; left: 0px; top: 0px; right: 0px; height: > 6px; background: #442200; } > #border_right { position: fixed; top: 0px; right: 0px; bottom: 0px; > width: 6px; background: #442200; } > #border_bottom { position: fixed; left: 0px; bottom: 0px; right: 0px; > height: 6px; background: #442200; } > > #corner_tl { position: fixed; top: 0px; left: 0px; height: 50px; width: > 50px; margin: 6px 0px 0px 6px; } > #corner_tr { position: fixed; top: 0px; right: 0px; height: 50px; width: > 48px; margin: 6px 2px 0px 2px; } > #corner_bl { position: fixed; bottom: 0px; left: 0px; height: 48px; > width: 50px; margin: 2px 0px 2px 6px; } > #corner_br { position: fixed; bottom: 0px; right: 0px; height: 48px; > width: 48px; margin: 2px; } > > img.corner_graphic { height: 44px; width: 44px; } > > [body] > <div id="corner_tl"><img class="corner_graphic" > src="images/cc_cg_tl.gif" alt="" /></div> > <div id="corner_tr"><img class="corner_graphic" > src="images/cc_cg_tr.gif" alt="" /></div> > <div id="corner_bl"><img class="corner_graphic" > src="images/cc_cg_bl.gif" alt="" /></div> > <div id="corner_br"><img class="corner_graphic" > src="images/cc_cg_br.gif" alt="" /></div> > > Good lord what a pain in the ass that one was. One small window's worth > of code and it ended up sucking up two full days... > > Anyway, thanks for trying to help. > > Drek > > Crazy Canucks wrote: > >> I should add, the motd works perfectly in a normal IE browser window. >> It's only in game that I have the problem with the images being offset. >> I can only guess that IE uses a different browser engine for that kind >> of functionality. Maybe one that is based on older code because I know >> from doing some research that others have had this same problem with >> older versions of IE. >> >> Drek >> >> Crazy Canucks wrote: >> >> >>> *link to images* >>> <http://www.crazy-canucks.com/images/public/motd_corner_images.zip> >>> >>> Thanks, you don't know how much I appreciate this. >>> >>> I wasn't originally positioning the body. I did that so I could change >>> the positions for the images from fixed to absolute. I had no better >>> luck with fixed posistions. Both the code and the css validate. At >>> that point I wasn't concerned with it being pretty or optimized, I was >>> just trying to get it to work. >>> >>> Just in case the link above doesn't work: >>> >>> http://www.crazy-canucks.com/images/public/motd_corner_images.zip >>> >>> Drek >>> >>> Patrick Shelley wrote: >>> >>> >>> >>>> Without loading this into dreamweaver, i'd try adding px to ALL your >>>> measurements: >>>> >>>> #border_left { position: absolute; left: 0; top: 0; bottom: 0; width: >>>> 6px; background: #442200; } >>>> >>>> Should read: >>>> >>>> #border_left { position: absolute; left: 0px; top: 0px; bottom: 0px; width: >>>> 6px; background: #442200; } >>>> >>>> I aslo wouldnt bother with positioning the body in css. I'll load it up in >>>> DW later, send me a lin to the images also if poss >>>> >>>> Pat >>>> _______________________________________________ >>>> To unsubscribe, edit your list preferences, or view the list archives, >>>> please visit: >>>> http://list.valvesoftware.com/mailman/listinfo/hlds_linux >>>> >>>> >>>> >>>> >>>> >>> _______________________________________________ >>> To unsubscribe, edit your list preferences, or view the list archives, >>> please visit: >>> http://list.valvesoftware.com/mailman/listinfo/hlds_linux >>> >>> >>> >>> >> _______________________________________________ >> To unsubscribe, edit your list preferences, or view the list archives, >> please visit: >> http://list.valvesoftware.com/mailman/listinfo/hlds_linux >> >> >> > > > _______________________________________________ > To unsubscribe, edit your list preferences, or view the list archives, please > visit: > http://list.valvesoftware.com/mailman/listinfo/hlds_linux > > _______________________________________________ To unsubscribe, edit your list preferences, or view the list archives, please visit: http://list.valvesoftware.com/mailman/listinfo/hlds_linux
