Nosferum
-
Posts
4 -
Joined
-
Last visited
Nosferum's Achievements
Newbie (1/7)
0
Reputation
-
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 }
-
RESOLVED---I was thinking to myself that I shouldn't have to absolutely place the left column, because the right column floats to the right. That means that all of the other objects, in this case, the DIV "subCol" would be pushed to the left. I removed "position: absolute" and the "left: 0; top: 0" sections from "subCol" and VOILA.---If there's a way for moderators to mark this thread as resolved, it might help others in the future.
-
---Thanks for the recommendations. The "display: block" had no effect. I also tried fidgeting with the "margin: 0 auto" to just "margin: 0", on the assumption that the height of "container" had been mistakenly pushed up with a bottom margin, but that's not it. I'm still stuck.
-
RESOLVED---I've done this before and have never had problems. In fact, I usually reuse the same CSS document over and over and edit as needed. I have all of the contents within a DIV called "container". It has the background, the left and right borders, and it dictates the width.---Within the "container", I have a "header" up top with some text within that ("menu") that I'll reposition later. Also, within "container", I have a left column "subCol" and a right column, "mainCol". For some reason, the "container" is neither showing it's background (should look like dark parchment) nor it's left and right white border lines. Note: the parchment area up top is just part of the picture.---Currently, the "mainCol" text is white so you can know something is there. The XHTML page is below, with the CSS document beneath that. I've been staring at this for four days. <!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) - 'Vanguard: Saga of Heroes' Sept</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Clan MacLear's sept in Vanguard: Saga of Heroes" /> <meta name="keywords" content="clan, maclear, vanguard, saga, heroes, online, game, mmorpg, failte, gaelic, gaidhlig" /> <meta name="author" content="Chris Chandler" /> <link rel="stylesheet" type="text/css" media="print" href=".print.css" /> <link rel="stylesheet" type="text/css" href="default.css" /> <script language="javascript" type="text/javascript" src="jsfiles/common.js"></script> <!--[if gte IE 5.5000]> <script language="JavaScript"> window.attachEvent("onload", correctPNG); </script> <![endif]--></head><body> <div class="container"> <div id="header"> <h2>Clan MacLear - Vanguard: Saga of Heroes</h2> <div id="menu"> <a href="../index.html">ClanMacLear.net</a> <a href="index.html">V:SoH Home</a> <a href="index.html">Forums</a> <a href="index.html">Home</a> <a href="index.html">Home</a> <a href="index.html">Home</a> </div> </div> <div id="subCol"> <dl> <dt><a href="../eq/"><img src="images/clan_eq.jpg" border="0" alt="MacLear: Everquest" /></a></dt> <dd>MacLear: <a href="../eq/">Everquest</a></dd> <dt><a href="../daoc/"><img src="images/clan_daoc.jpg" border="0" alt="MacLear: World of Warcraft" /></a></dt> <dd>MacLear: <a href="../daoc/">Dark Age of Camelot</a></dd> <dt><a href="../eq2/"><img src="images/clan_eqii.jpg" border="0" alt="MacLear: Everquest II" /></a></dt> <dd>MacLear: <a href="../eq2/">Everquest II</a></dd> <dt><a href="../wow/"><img src="images/clan_wow.jpg" border="0" alt="MacLear: World of Warcraft" /></a></dt> <dd>MacLear: <a href="../wow/">World of Warcraft</a></dd> </dl> <p>"The race is not to the swift, nor the battle to the strong, nor bread to the wise, nor riches to the intelligent, nor favor to the men of skill; but time and chance happen to them all."</p> </div> <div id="mainCol"> <p>Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. Here's the main column. </p> </div> </div></body></html> body { margin: 0; padding: 0; background: #000; color: #333; font: small Verdana,Sans-serif; line-height: 1.6em; text-align: center }.container { background: #993300 url('images/stockParchment.jpg') repeat-y; width: 800px; margin: 0 auto; border: solid #fff; border-width: 0 1px 0 1px; text-align: left; color: #333; position: relative; } #header h2 { display: none } #header { background: url('images/bannerHorseman.jpg') no-repeat top left transparent; width: 800px; height: 200px; position: relative; } #menu { position: relative; float: right; width: 300px; height: 50px; margin-top: 150px; }#menu a { padding: 5px; color: #fff; text-decoration: none; white-space: nowrap; font-weight: normal; } #menu a:hover { color: #ffdddd } a { color: #660000; text-decoration: none; font-weight: bold } a:visited { color: #660000; } a:hover { color: #358; } a img { border-width: 0 }p { padding: 5px }#subCol { position: absolute; top: 200px; left: 0px; width: 200px; font-size: 85%; line-height: 1.6em; } #subCol img { margin: 5px; float: left; border: solid #000 1px; }#mainCol { position: absolute; top: 200px; width: 600px; margin-left: 200px; color: #fff; } ul, dl { margin: .5em 0 1em; padding: 0; list-style: none } ul li { margin: 0 0 2px; padding: 0 0 0 18px; text-indent: -18px }dl dl { margin: 1em 20px } dt { clear: left; font-weight: bold } (edit added below, and added codeboxes)---Note that if I dictate a height for the "container" I can see the background. However, it should stretch vertically because of the DIVs that are inside it.---Also note that "display: block" had no effect.