• Page 1 of 1
  • 1
Internet browsers
PredatoR
Posts: 132
Reputation: 0

Message # 1 | 12:41 PM
Hello i need help .
I think its not so hard to repair , but i dont know the problem biggrin

Well my website have stakes on google chrome .
On mozzila firefox it looks great , beautifful .

Here is my website url : www.brcko-community.ucoz.com
You will see background does not match with chat background .

Here is my HTML Code :

Code

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head><body>
<div id="content">
<img style="visibility: hidden; width: 0px; height: 0px;" src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTg1Mzg4NDY*MDYmcHQ9MTI5ODUzODg1NTA*NiZwPTUzMTUxJmQ9Jmc9MSZvPWFhN2QyNjNmNTZiZTQ3ODk4ZTAz/ZmE3N2ZmMDVhMGMw.gif" border="0" height="0" width="0"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" name="chat" flashvars="id=133894554" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" align="middle" height="400" width="600"><br><br>
<center><img src="http://brcko-community.ucoz.com/Images/fbnormal.png" onmouseover="this.src='http://brcko-community.ucoz.com/Images/fbhover.png';" onmouseout="this.src='http://brcko-community.ucoz.com/Images/fbnormal.png';" /> <img src="http://brcko-community.ucoz.com/Images/youtubenormal.png" onmouseover="this.src='http://brcko-community.ucoz.com/Images/youtubehover.png';" onmouseout="this.src='http://brcko-community.ucoz.com/Images/youtubenormal.png';" /></center>
</div>
$ADMIN_BAR$
<?if($GROUP_ID$=4)?>$POWERED_BY$<?endif?>
</body>
</html>

Here is my CSS code :

Code

body {
     margin: 0px;
     background:#AAD34F url('http://brcko-community.ucoz.com/Images/background.jpg') no-repeat center ;
     font: 11px 'Verdana';
     color: #c9c9c9;
     text-align: center;
     margin-top: 690px;
}

body a {
     color: #ffffff;
}

body a:hover {
     text-decoration: none;
}

* {
     font-size: 11px;
     font-family: 'Verdana';
}

#content {
     clear: both;
     float: left;
     width: 750px;
     margin-left: 335px;
     margin-top: -472px;
}

It will be great if someone help me wink



.:[ If i helped you please pump up my Reputation and give me award :) ]:.
Post edited by PredatoR - Thursday, 2011-02-24, 12:45 PM
Natashko
Posts: 3366
Reputation: 171

Message # 2 | 1:10 PM
PredatoR, this is not only google chrome problem. The same is in FF. You may see it for yourself if you resize the browser window.
Yo need to go to CP->Design management (CSS)->substitute this part of your code with this one:
#content {
position: absolute;
width: 750px;
left: 50%;
margin-left: -373px;
margin-top: -495px;
}
PredatoR
Posts: 132
Reputation: 0

Message # 3 | 1:35 PM
Natashko, that was one problem more but i didnt know it , now it is fixed biggrin
But here is my real problem :

Look this image (Google Chrome [problem is here] ) :

and Look this image (Mozzila firefox [Looks normal] ) :

How can i fix that ?



.:[ If i helped you please pump up my Reputation and give me award :) ]:.
Post edited by PredatoR - Thursday, 2011-02-24, 1:36 PM
Natashko
Posts: 3366
Reputation: 171

Message # 4 | 2:09 PM
PredatoR, we were not able to confirm the problem. It might depend on the version of Google Chrome you use. We do not guaranty that customized design will look correct with all the browsers.
  • Page 1 of 1
  • 1
Search: