Aligh and background problems with Opera and Firefox

This is a discussion on "Aligh and background problems with Opera and Firefox" within the Web Page Design section. This forum, and the thread "Aligh and background problems with Opera and Firefox are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jun 26th, 2006, 20:07
New Member
Join Date: Jun 2006
Location: Norway
Age: 19
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Exclamation Aligh and background problems with Opera and Firefox

Hello, if you take a look at this URL: http://doravoc.com with IE. everything should be ok, but if you checks with Firefox, its missing a part of the background, and with opera it seems to have problems centering the content.

Does anyone have any clue of what to do?



HTML Source
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>The Realm of Doravoc - Interactive Dungeons and Dragons Role Playing Game (D&amp;D RPG)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK REV="made" href="mailto:kirest_@hotmail.com">
<META NAME="keywords" CONTENT="Doravoc.com, Doravoc, Realm, Online, Game, Dungeons, Dragons, D&amp;D, Interactive, browser, based, forum, fight, Orb, shop, clan, guilds, Wild Woods">
<META NAME="description" CONTENT="The Realm of Doravoc, an interactive Browser Based Role Playing Game(RPG), the game uses the the rules from Dungeons and Dragons(D&amp;D) 3.5e, the game contains all Players Handbook(PH), Monster Manual(MM) and Dungeon Masters Guide(DMG) Characters, races, classes items, monsters, so prepare for a major campaign with hundreds of player. For beginners theres also a 'recomended for begginers' option and daoravoc-o-pedia(a guide throught the site)">
<META NAME="author" CONTENT="Kim R. Strande">
<META NAME="ROBOTS" CONTENT="ALL">
<link rel="stylesheet" type="text/css" href="IE_style.css">
</head>
<body>
<!-- 
################ HEADER ###########-
-->
<script language="javascript" src="<A href="http://doravoc.com/BasicScripts.js"></script">http://doravoc.com/BasicScripts.js"></script>
 <form action="functions/login.asp" method="post">
<div class="container">
 
</form>
 
 <!--BannerPart-->
  <div class="banner"><form action="functions/login.asp" method="post">
   <a href="doravocopedia.asp#7">Account:</a> <input type="text" size="10" name="Account" value="6">
   Password: <input type="password" size="10" name="Password" value="krsietmmria">
   <select name="Additional" class="SelectList">
  <option value="clean">Do not save</option>
  <option value="account">Save Account</option>
  <option value="password"selected="selected">Save Password</option>
  <option value="autolog">Auto Log In</option>
 </select>
   <input type="hidden" name="url" value="http://doravoc.com//Default.asp">
   <input type="submit" value="Log In" class="button"></form>
 </div>
 
 
 
 
  <div class="banner_footer"></div>
  <!--NavigationPart-->
  <div class="left">
   <!--NavigationTop-->
   <div class="nav_top">&nbsp;</div>
   <!--NavigationMid (content)-->
   <!-- 
################ BODY ###########-
-->
 
<div class="nav_mid">
&nbsp;Login To Doravoc<br />
<br />
<form action="functions/login.asp" method="post">
&nbsp;<a href="doravocopedia.asp#7">Account:</a><br />
&nbsp;<input type="text" name="Account" value="6"><br />
&nbsp;Password:<br />
&nbsp;<input type="password" name="Password" value="krsietmmria"><br />
 
 
&nbsp;Additional:<br />
&nbsp;<select name="Additional" class="SelectList">
  <option value="clean">Do not save</option>
  <option value="account">Save Account</option>
  <option value="password"selected="selected">Save Password</option>
  <option value="autolog">Auto Log In</option>
 </select><br /><br />
<input type="hidden" name="url" value="http://doravoc.com//Default.asp">
&nbsp;<input type="submit" value="Log In" class="button">
</form>
&nbsp;<a href="signup.asp" title="Get your account to The Realm of Doravoc here!">Register Now</a><br />
&nbsp;<a href="forgot.asp">Forgot Password? </a>
</div>
 
   <!--NavigationBottom-->
   <div class="nav_btm">&nbsp;</div>
 
 <!--ValidationsTop-->
   <div class="nav_top"></div>
   <!--ValidationsMid (content)-->
   <div class="nav_mid">
&nbsp;Mailing List<br />
<form action="functions/mailinglist.asp" method="post">
&nbsp;Subscription<br />
&nbsp;<input type="text" size="20" name="email" value="<Your E-Mail>"><br /><br />
&nbsp;<input type="hidden" name="mode" value="add"><input type="submit" value="Join" class="button">
</form>
   </div>
   <!--ValidationsBottom-->
   <div class="nav_btm"></div>
 
 
 
 
 
 
 
 
    </div>
  <!--End Left Float-->
 
  <!--ContentPart-->
  <div class="center">
 
<!--ContentsTop-->
   <div class="content_top"></div>
   <!--ContentsMid (content)-->
   <div class="content_mid">
 <div class="content_mid_cnt">
 
<p><br>
  <div class="Header3">Welcome to The Realm of Doravoc, an Interactive Online Role Playing Game.</div></p>
<p align="left"><div class="Header3">Latest Developments - Wednesday, 13 April, 2006.</div><br>
  We are still hiring and construction progress is finally underway. No release date has yet been set, but the Doravoc team is currently working hard to bring the game to you. Please check back later, or if possible, contribute to Doravoc by joining our team. Approach kirest@doravoc.com for more information regarding hiring issues. </p>
<p align="left">&bull; Urgent - Flash coders/programmers <br>
&bull; Required - Pixel artists/Graphic designers </p>
<p>View the <a href="<A href="http://doravoc.com/progress.asp">game">http://doravoc.com/progress.asp">game progress</a>.</p>
<p align="left"><div class="Header3">Public Forum</div><br>
  We have opened the public forum, there you can chat/communicate with other players, it is also avaliable to give suggestions, report bugs, join/create text-based RPG's (users have already started making RPG's) and you can read news from the administrators or moderators posted in the announcement forum.</p>
 
 </div>
   </div>
   <!--ContentsBottom-->
   <div class="content_btm"></div>
 
 
 
 
 
 
<!--ContentsTop-->
   <div class="content_top"></div>
   <!--ContentsMid (content)-->
   <div class="content_mid">
 <div class="content_mid_cnt">
<p align="left"><div class="Header3">Cut from  the <a href="<A href="http://doravoc.com/forum.asp">Forum</a>:</div></strong><br">http://doravoc.com/forum.asp">Forum</a>:</div></strong><br>
 
<a href="http://doravoc.com/forum.asp?view=forum&ID=18" title="Click to view the forum">Role Playing Forum</a> - 
<a href="http://doravoc.com/forum.asp?view=Topic&ID=5575" title="Click to view the topic">First Role-play! Meet other characters, and play with em before the game starts</a>:
<br />
<br />
 
Korgath headed towards the town.  &quot;When we leave, there wont be much use for money, so we should spend it while we are here&quot;  He growled.  &quot;And make sure you dont get caught...dumkopf&quot;<br /><br /><br />
<a href="http://doravoc.com/forum.asp?view=To...575&Page=6#462" title="Click to view the topic and the post">Read More</a>
 </div>
   </div>
   <!--ContentsBottom-->
   <div class="content_btm"></div>
 
 
 
 
 
 
<!-- 
################ Footer ###########-
-->
</div>
  <div class="footer">
    <div class="subFooter">The Realm of Doravoc &copy;2005-2006. All Rights Reserved.</div>
  <div class="supFooter">
   <a href="aboutus.asp">About Us</a> |
   <a href="doravocopedia.asp">Doravoc'o'Pedia</a> |
   <a href="tos.asp">Terms of Service</a> |
   <a href="rng.asp">Rules &amp; Guidelines</a> |
   <a href="feedback.asp">Contact Us</a>
  </div>
  </div>
  <!--EndFooter-->
 </div>
 <!--EndDiv-->
 
</body>
</html>
Reply With Quote

  #2 (permalink)  
Old Jun 26th, 2006, 20:08
New Member
Join Date: Jun 2006
Location: Norway
Age: 19
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Aligh and background problems with Opera and Firefox

Style source:
Code: Select all
 
body{
 background-image:url(images/background.jpg);
 text-align: center;
 font-family: verdana, tahoma, arial;
 font-size: 10px;
 font-weight: bold;
 color: #666666;
 line-height: 12px;
 margin-top: 0px;
 background-attachment: fixed;
 background-repeat: repeat-x;
 
 scrollbar-face-color: #262626;
 scrollbar-highlight-color: #303030;
 scrollbar-shadow-color: #1B1B1B;
 scrollbar-darkshadow-color: #000000; 
 scrollbar-3dlight-color: #424242;
 scrollbar-arrow-color:  #5A0000;
 scrollbar-track-color: #1C1C1C;
}
.container{
  background-image:url(images/border.png);
  width: 782px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.banner{
  background-image:url(images/header.gif);
  width: 700px;
  height: 150px;
  margin-left: 41px;
  text-align: center;
}
.banner_footer{
  width: 700px;
  height: 30px;
  margin-left: 41px;
  background-image:url(images/banner_footer.jpg);
}
.left{
  width: 119px;
  float: left;
  margin-top: 15px;
  margin-left: 35px;
}
.leftFloat{
  float: left;
  margin-left: 10px;
}
.nav_top{
  width: 119px;
  height: 29px;
  background-image:url(images/nav_top.jpg);
}
.nav_mid{
  width: 119px;
  background-image:url(images/nav_mid.jpg);
}
.nav_btm{
  width: 119px;
  height: 32px;
  background-image:url(images/nav_btm.jpg);
}
.center{
  width: 414px;
  margin-left: 70px;
  margin-top: 15px;
  float: left;
}
.content_top{
  width: 414px;
  height: 29px;
  background-image:url(images/content_top.jpg);
}
.content_mid{
  width: 414px;
  background-image:url(images/content_mid.jpg);
}
.content_mid_cnt{
  width: 394px;
  margin-left: 10px;
  margin-right: 10px;
}
.content_btm{
  width: 414px;
  height: 30px;
  background-image:url(images/content_btm.jpg);
}
.largecontent_top{
  width: 642px;
  height: 29px;
  background-image:url(images/largecontent_top.jpg);
}
.largecontent_mid{
  width: 642px;
  background-image:url(images/largecontent_mid.jpg);
}
.largecontent_mid_cnt{
  width: 622px;
  margin-left: 10px;
  margin-right: 10px;
}
.largecontent_btm{
  width: 642px;
  height: 30px;
  background-image:url(images/largecontent_btm.jpg);
}
.footer{
  width: 782px;
  height: 49px;
  background-image:url(images/footer.jpg);
  margin-top: 50px;
}
.subFooter{
  width: 700px;
  height: 14px;
  margin-top: 9px;
  margin-left: 41px;
  text-align: center;
}
.supFooter{
  width: 700px;
  height: 14px;
  margin-top: 7px;
  margin-left: 41px;
  text-align: center;
}
.small{
 font-size: 8px;
}
a:link       { 
  color: #9b9b9b; 
  text-decoration: none; 
  font-family: verdana, tahoma, arial; 
  font-size: 10px;   
}
a:active     { 
  color: #9b9b9b; 
  text-decoration: none; 
  font-family: verdana, tahoma, arial; 
  font-size: 10px; 
}
a:visited    { 
  color: #9b9b9b; 
  text-decoration: none; 
  font-family: verdana, tahoma, arial; 
  font-size: 10px; 
}
a:hover      { 
  color: #666666; 
  text-decoration: none; 
  font-family: verdana, tahoma, arial; 
  font-size: 10px; 
}
input {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 7pt;
 border: thin solid #000000;
 color: #000000;
 font-weight: bold;
}
.checkbox_radio {
 border: 0px none;
}
.button {
 font-weight: bold;
 background-color: #CCCCCC;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
.SelectList {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}
.ShoutboxScroller {
 width: 100px; 
 height: 450px; 
 overflow: auto; 
 padding: 10px;
}
.Header1 {
  font-size: 18px;
  line-height: 22px;
  margin-top: 10px;
  font-weight: bold;
  }
.Header2 {
  font-size: 15px;
  line-height: 12px;
  margin-top: 5px;
  font-weight: bold;
  }
.Header3 {
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
  font-weight: bold;
  }
.barLeft{
  width: 2px;
  height: 13px;
  background-image:url(images/bar_left.GIF);
  float: left;
}
.barBlue{
  height: 13px;
  background-image:url(images/bar_blue_mid.GIF);
  float: left;
}
.barRed{
  height: 13px;
  background-image:url(images/bar_mid.GIF);
  float: left;
}
.barRight{
  width: 2px;
  height: 13px;
  background-image:url(images/bar_right.GIF);
  float: left;
}
.barContainer{
  margin-left: auto;
  height: 13px;
  margin-right: auto;
}
.miniToS{
 width: 372px; 
 height: 200px; 
 overflow: auto; 
 padding:10px;
}
.miniRnG{
 width: 372px; 
 height: 200px; 
 overflow: auto; 
 padding:10px;
}
.advantagebutton {
 font-weight: bold;
 background-color: #993300;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
.HiddenForm {
 background-color:#1C1C1C; 
 border: 0; 
 color: #FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: lighter;
 color: #666666;
}
Reply With Quote
Reply

Tags
aligh, background, problems, opera, firefox

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
ie6 utter mess&ie7 mess. safari&opera&firefox alright thosecars82 Web Page Design 2 May 21st, 2008 11:02
Problems with the background sbogde Web Page Design 4 Feb 6th, 2008 13:18
A couple of problems in IE7, Opera and possibly IE6 too? blizeH JavaScript Forum 3 Jun 19th, 2007 10:11
Opera mouseover/click detection problems Kolyana JavaScript Forum 9 Aug 4th, 2005 19:31


All times are GMT. The time now is 05:07.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43