Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

margin property issue in Google Chrome

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 08-27-2012, 05:00 AM
 
miniatures-workshop miniatures-workshop is offline
 

Newbie
  
Join Date: Nov 2009
Location: UK
Posts: 7
 

Default margin property issue in Google Chrome

Hello,

I'm trying to get a left and right margin of 20px, so this the coding I have in my main.css

html,body {
height: 100%;
background-color: #ffffff;
margin-right: 20px;
margin-left: 20px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
border: 0px none;
}

It works fine with I.E. and Firefox, but not with Google Chrome; the body overlaps the right side of the screen and there is no right margin present.

I also tried "margin: 0px 20px;" and even tried using padding to get the job done, but with the same results.

Is there something I should add to /main.GC.css ?

My xcart version is 4.3.0 I forgot to change my old settings...

Many thanks, Colin
__________________
Version 4.3.0
Windows
United Kingdom
Reply With Quote
  #2  
Old 08-27-2012, 06:17 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: margin property issue in Google Chrome

If you provide a link to the page in question, we can provide more help and insight.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #3  
Old 08-27-2012, 08:30 AM
 
miniatures-workshop miniatures-workshop is offline
 

Newbie
  
Join Date: Nov 2009
Location: UK
Posts: 7
 

Default Re: margin property issue in Google Chrome

Hi totaltec,

http://www.miniatures-workshop.com/

Problem is the store is closed and I wouldn't want to leave it open for very long.


Since posting my original message I edited /main.GC.css to give the margin a value of 0 and it works ok, but changing the margin to 20 in /main.GC.css give the same results as before.


OK just hidden the categories and opened the shop.

Thanks, Colin
__________________
Version 4.3.0
Windows
United Kingdom
Reply With Quote
  #4  
Old 08-28-2012, 07:13 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: margin property issue in Google Chrome

Well I want to help, but I would have to be able to see the page in question. PM your shopkey?
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #5  
Old 08-28-2012, 10:12 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: margin property issue in Google Chrome

Okay, now I don't see the problem. You may have to explain it to me more in depth. First off, you are applying your margin to both html, and body, so you are effectively getting a margin of 40 px on both sides. This dispalys fine for me in both chrome and FF.

See attached overlay of the two browsers, there are other inconsistencies, but the margins seem fine? I am using Windows 7.
Attached Thumbnails
Click image for larger version

Name:	chrome-ff-overlay.jpg
Views:	202
Size:	186.7 KB
ID:	3170  
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
  #6  
Old 08-28-2012, 01:41 PM
 
miniatures-workshop miniatures-workshop is offline
 

Newbie
  
Join Date: Nov 2009
Location: UK
Posts: 7
 

Default Re: margin property issue in Google Chrome

Hi again,

Since it was showing up correctly on your system I decided to mess around with my browser settings and found that a bittorrent add-on was causing all the problems. I have disabled it and everything is showing up fine now. Wow, such a simple thing that wasted many hours of my time...

Thanks very much for you help.

Colin
__________________
Version 4.3.0
Windows
United Kingdom
Reply With Quote
  #7  
Old 08-29-2012, 07:00 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: margin property issue in Google Chrome

Quote:
Originally Posted by miniatures-workshop
...bittorrent add-on was causing all the problems.
I've been hearing that a lot lately. Spent some hours of my own trying to figure out why a clients browser would not display a site properly.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 02:42 AM.

   

 
X-Cart forums © 2001-2020