Jump to content

Problem: .PNG image size gets changed.


Nosferum

Recommended Posts

http://www.wku.edu/forensics/media/maclear/---In the HTML, I have a "DIV='container'" that does nothing but hold a border image. Within this is a "DIV='within'" which nests in there and holds not only a background, but a table. The table was my easy method for placing a foreground image (the black ink text) on the left and the scrolling "textBox" box on the right. The width of the table and it's parent DIV is "100%". I also had to set a min-width to the DIV so that those at 800x600 resolution could see the entire table properly. When I did that, it worked, but the foreground image on the left had it's width decreased. It's squished in both Firefox and IE. What's odd is that my local versions don't look squished. They only look squished when I upload them and look at them online. I have emboldened the applicable XHTML and CSS in each codebox. Also, I can verify that 625 is the actual width of the image.XHTML
<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>    <title>Clan MacLear (est. 1996) - 'Keepers of The Book'</title>    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />    <meta name="robots" content="index,follow" />    <meta name="description" content="Clan MacLear's (est. 1996) - An Online Roleplay Guild" />    <meta name="keywords" content="clan, maclear, roleplay, online, game, mmorpg, failte, gaelic, gaidhlig" />    <meta name="author" content="Chris Chandler" />    <link rel="Shortcut Icon" type="image/x-icon" href="images/maclear.ico" />    <link rel="stylesheet" type="text/css" media="print" href="print.css" />    <link rel="stylesheet" type="text/css" href="default.css" />        <!--[if lt IE 7.]>    <script defer type="text/javascript" src="pngfix.js"></script>    <![endif]--></head><body>  <div class="header">  <h1>Clan MacLear</h1>  <img src="images/logo2.png" alt="Clan MacLear: Keepers of The Book" height="200" width="280" />  </div>    <div class="container">  [b]<div id="within">[/b]   [b]<table cellpadding="0" cellspacing="0" border="0" width="100%">[/b]    <tr>     <td>     [b]<img src="images/gameList.png" alt="UO, EQ, DAoC, CoH, WoW, EQ2, V:SoH" height="315" width="625" />[/b]     </td>     <td width="410">      <div id="textBox">      <p>      <span class="startingLetter">O</span>ur history begins, essentially, on September 30<sup>th</sup>, 1997, with the release      of <a href="http://www.uo.com" target="_new">Ultima Online</a>. Erath, Daran and Agonisties, weary of the growing      player-killer community on their server (Great Lakes) during the beta test, decided to make the most of it and      combat the player-killers with force. Agonisties created and lead <em>Hand of Virtue</em>, a guild that rebuffed      the player-killers, while also roleplaying a form of Scottish Gaelic persona. This ability to play the game      effectively, while also radiating creativity set the bar high. It's the will to create more than what is      necessary that calls us.</p>      <p>      <span class="startingLetter">N</span>early two years later (December 1998), during the 3rd beta test of      <a href="http://www.everquest.com" target="_new">Everquest</a>, the founders made their home again. Tormod      (formerly Erath, of UO, aka: Torquil, of DAoC), Daran, Agonisties, and Gamaeliel (aka: Loden, from DAoC on)      created <em>Clan MacLear</em> as we now know it. It was an evolved form of <em>Hand of Virtue</em>, since      <a href="http://www.everquest.com" target="_new">Everquest</a> was not based on player-versus-player      gameplay. Here, we began our primary over-arcing storyline, as a family. What most people don't know is that      Clan MacLear carries on, to this day, a long-standing storyline. Many of our members have, at time, been      exposed to portions of the storyline, but even they don't know when that was or what it is. Some of our      officers know a little more, but it's largely played out by a few tenured members. Inspired by this, some      other members created their own storylines (not based on any given member, but played out by the membership,      itself). Over the span of years, as our members circulated around to various games, EQ's guild leadership      moved to Lanadena, who remains our most tenured guild leader in any of our games. Should you ever meet her,      you'll understand why.</p>      <p>      <span class="startingLetter">M</span>any insignficant ventures came and went. Some of us planned to play on a      large, premier, private <a href="http://nwn.bioware.com/" target="_new">Neverwinter Nights</a> server that      never came to pass. In fact, many of our members played any variety of online games available around 2000,      but they were neither full enough to retain our interest, nor allowed us to play while maintaining our decided      form of roleplay. The guild had either no, or no significant, offical presence elsewhere. We were still an      essentially Everquest guild.      <p>      <span class="startingLetter">A</span>long comes October of 2001 and      <a href="http://www.darkageofcamelot.com" target="_new">Dark Age of Camelot</a>. The family that wasn't      playing <a href="http://www.everquest.com" target="_new">Everquest</a> largely moved to this new game. Loden      and Logard (Peldor, officer from EQ) forged the way, there. The Midgard faction allowed us to roleplay a      somewhat more accurate version of what MacLear was intended to be: a Scotto-Norse barbarian, under the      monicker "<em>Siol Lear</em>". Now, before you scoff at that, read up on European History. These people even      had their own language (Manx). Considering the fact that Clan MacLear's roleplay flavor is based heavily on      the real family heritage of our founders (read up on      <a href="http://en.wikipedia.org/wiki/Dunvegan" target="_new">Someplace on Isle of Skye</a>), this seemed      ideal. The family grew quite large, again, as well as incorporating the members of many guilds who were      friends of ours in previous games.</p>      <p>      <span class="startingLetter">T</span>he list continues on. From Earth and Beyond (no longer available) in late      2003 to <a href="http://www.starwarsgalaxies.com" target="_new">Star Wars: Galaxies</a>, we ventured, but      none of them stuck.</p>      <p>      <span class="startingLetter">W</span>ith the year 2004 came three games in which the family delved to some some      extent. First, in April 2004, came <a href="http://www.cityofheroes.com">City of Heroes</a>, in which we created      <em>The MacLear Foundation</em>. In November of 2004 came both      <a href="http://www.everquest2.com" target="_new">Everquest II</a> and      <a href="http://www.worldofwarcraft.com" target="_new">World of Warcraft</a>. While the former was never all that      popular, the later did last some of us a while.      </p>     </div>     </td>    </tr>   </table></div>  </div>    <div class="footer">   <a href="eq/index.php"><img src="images/buttonEQ.png" alt="Click to enter MacLear - Everquest" border="0" height="50" width="150" /></a>   <a href="vsoh/index.php"><img src="images/buttonVSoH.png" alt="Click to enter MacLear - Vangard: SoH" border="0" height="50" width="150" /></a>  </div></body></html>

CSS

body { margin: 0;	padding: 0;	background: #0D0D22;	color: #333;	font: small Verdana,Sans-serif;	line-height: 1.7em; }	.header { height: 200px;	width: 100%;	text-align: center;	background: url('images/') no-repeat bottom right transparent }.header h1{ display: none }.container { background: #993300 url('images/knotLine.png');	width: 100%;		min-width: 1024px;	height: 345px;	margin: auto;	text-align: left;	color: #000;	position: absolute;	top: 200px; }	[b]#within { background: url('images/stockParchment.jpg');	width: 100%;		min-width: 1024px;	height: 315px;	position: relative;	top: 15px; }[/b]#textBox { height: 310px;	width: 399px;	overflow: scroll;	margin: 0;	padding: 0;	position: relative;	float: right;	scrollbar-base-color: #DEB887;	scrollbar-face-color: #D2691E;	scrollbar-highlight-color: #FFE4C4; }.startingLetter { font-size: 250%;	float: left;	font-family: Garamond; }.footer { position: absolute;	top: 550px }a { color: #FFFFCC;	text-decoration: none;	font-weight: bold }  a:visited { color: #FFFFCC; }  a:hover { color: #FFCC66; }  p { padding: 5px }h2 { font-size: 1.8em;	font-family: Garamond }

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...