CMSVisuals
Up-and-Coming Sensation
Hello, I am having a problem with one of my websites. I have not coded very many websites so i have never encountered this problem before.
Here is what is happening.... When you go to http://mmodisney.com/Login.html you may see it right. However, this all depends on what browser you are using. If you are viewing it on FireFox you are most likely viewing the correct version of the site. However, if you are viewing it on IE, Google Chrome, Safari or any other web browser. It looks weird. (in IE9 it does not look horrible just nothing works at all)
I know that you can code multiple CSS codes for each browser and its version. However, i hear that this is not a very good way to do this. There has to be a better and not so time consuming way somehow.
HTML Code:
CSS Code:
Any help appreciated 🙂
-Coleman
Aim:Coleputt
Here is what is happening.... When you go to http://mmodisney.com/Login.html you may see it right. However, this all depends on what browser you are using. If you are viewing it on FireFox you are most likely viewing the correct version of the site. However, if you are viewing it on IE, Google Chrome, Safari or any other web browser. It looks weird. (in IE9 it does not look horrible just nothing works at all)
I know that you can code multiple CSS codes for each browser and its version. However, i hear that this is not a very good way to do this. There has to be a better and not so time consuming way somehow.
HTML Code:
Code:
<!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"><head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>MMODisney - Coming Soon</title>
<meta http-equiv="Content-Language" content="en-us" />
<style type="text/css" media="all">
@import "login.css";}
</style>
<!--[if IE 7]>
<link href="loginie7.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>
<body>
<center/>
<div id="top">
<div id="logo">
</div>
<div id="login">
<div id="left-col">
<p>Sign in to MMODisney:
</p>
<form action="forums/login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<input type="hidden" name="do" value="login" />
<input type="hidden" name="url" value="/forums" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<label><input name="vb_login_username" value="Username" type="text" id="username" tabindex="1" class="bginput" accesskey="u"/></label>
<br />
<label><input name="vb_login_password" value="Password" type="password" id="password" tabindex="1" class="bginput" /></label>
<br />
<label><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser" tabindex="1" /> Keep me signed in</label>
<br />
<input name="submit" type="submit" id="submit" tabindex="1" value="" accesskey="s" class="button" />
</form>
</div>
<div id="right-col">
<p> MMODisney is a Disney interactive super-forum that has made sure that you have an amazing experience by not believing that you should just go somewhere to talk about your favorite MMORPGs. It was created with a sleek design and amazing features to provide its users with the best experience. To achieve such an amazing experience, MMODisney has created programs that allow users to interact close with their favorite MMORPGs & friends at the same time. MMODisney is the next step in Social Networking technology.</p>
<h1>More news and information about MMODisney ></h1>
</div>
</div>
<div id="footer">
<img src="images/minimickey.png" border="0" alt="Mickey"/><br />
© 2010 MMODisney.com. All rights reserverd.
</div></div>
<script type="text/javascript">
var GoSquared={};
GoSquared.acct = "GSN-900824-Q";
(function(w){
function gs(){
w._gstc_lt=+(new Date); var d=document;
var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
}
w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
})(window);
</script>
</body>
</html>CSS Code:
Code:
html, body {
margin: 0;
padding: 0;
background: url(images/background2.png);
height: 100%;
}
div#logo {
background: url(images/mmodisney7.png) no-repeat;
background-position: center;
margin-top: 50px;
margin-bottom: 50px;
width: 380px;
height: 127px;
}
div#login {
background: url(images/loginbackground.png) no-repeat;
height: 225px;
width: 827px;
}
div#login div#left-col {
color: #868888;
font-family: Tahoma, Geneva, sans-serif;
}
div#login div#left-col p{
padding-left: 20px;
padding-top: 15px;
text-align: left;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
}
div#login div#left-col INPUT[type='text'] {
margin-left: -393px;
padding-left: 5px;
width: 290px;
height: 36px;
background: url(images/inputbox.png) no-repeat;
border:none;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #3c3b3b;
}
div#login div#left-col INPUT[type='password'] {
margin-top: 15px;
margin-left: -393px;
padding-left: 5px;
width: 290px;
height: 36px;
background: url(images/inputbox.png) no-repeat;
border:none;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #3c3b3b;
}
div#login div#left-col INPUT[type='checkbox'] {
margin-top: 15px;
margin-left: -393px;
}
div#login div#left-col INPUT[type='submit'] {
margin-top: 15px;
margin-left: -393px;
width: 390px;
height: 30px;
border: none;
background: url(images/loginbutton.png) no-repeat;
}
div#login div#right-col {
}
div#login div#right-col p{
width: 454px;
text-align: left;
margin-left: 330px;
margin-top: -198px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
}
div#login div#right-col h1{
width: 454px;
text-align: left;
margin-left: 505px;
margin-top: 53px;
font-size: 12px;
font-family:Tahoma, Geneva, sans-serif;
color: #fff;
}
div#footer {
background-position:center;
margin-top: 80px;
font-family: Arial, Helvetica, sans-serif;
color: #888;
font-size: 12px;
}Any help appreciated 🙂
-Coleman
Aim:Coleputt
