Forums / Templates, Stylesheets, Page Layout / Centreing the main Page

Centreing the main Page

Locked

Views: 1,184

Results 1 to 10 of 10
This thread is locked. New replies are disabled.
1 Apr 2009, 1:41 AM
#1
jude avatar

jude

New Zenner

Join Date:
Nov 2004
Posts:
36
Plugin Contributions:
0

Centreing the main Page

The site is at https://www.happycreations.com.au/products

I am having trouble centreing the main page. Also in mozilla it looks fine but in explorer when you go into the any of the categories the products run 'off the edge' of the page cutting out some of the text. I don't want to keep reducing the text size down too much - their has to be a better way I am just struggling to locate it at the moment.

any help on these formatting issues would be much appreciated.

thanks

Jude

Jude

1 Apr 2009, 3:16 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Centreing the main Page

Looks centered and products look fine also????

Zen-Venom Get Bitten

1 Apr 2009, 3:26 AM
#3
jude avatar

jude

New Zenner

Join Date:
Nov 2004
Posts:
36
Plugin Contributions:
0

Re: Centreing the main Page

what browser are you using?

looks fine in mozilla/firefox as I said but in Internet Explorer it doesn't....that is indeed my problem.

Jude

1 Apr 2009, 4:13 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Centreing the main Page

The only thing that I see that may be mis-interpreted by IE is in the following entry in your stylesheet.css
Highlighted and emphasized by me

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;]
	font-size: 12px;
	}

Try removing this and see if this might assist??

Zen-Venom Get Bitten

11 Apr 2009, 1:59 PM
#5
evos1 avatar

evos1

New Zenner

Join Date:
Mar 2009
Posts:
6
Plugin Contributions:
0

Re: Centreing the main Page

Hi,

I have similar problem with my centercolumn. It work fine in Mozilla Firefox but in IE it has a gap between center and left column. I have tried with margin and padding but I can´t resolve this issue.

Please, Any help will be very appreciated

the site is http://www.laguitarra.es (spanish site)

It is the last issue for finish the website

11 Apr 2009, 2:10 PM
#6
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Centreing the main Page

evos1:

Hi,

I have similar problem with my centercolumn. It work fine in Mozilla Firefox but in IE it has a gap between center and left column. I have tried with margin and padding but I can´t resolve this issue.

Please, Any help will be very appreciated

the site is http://www.laguitarra.es (spanish site)

It is the last issue for finish the website

the problem is here

<img height="1" width="4" alt="" src="includes/templates/template_default/images/pixel_trans.gif"/>

image is 1x1 but width of cell is set to 4px, you need to change it to 1px so IE shows it correctly ..

being TM , you need to figure where that is been set in template

also , take some time and read about Override .. as you are now using template_default , any update to your site might effect your custom template and any modification that has been done to it .

11 Apr 2009, 2:31 PM
#7
evos1 avatar

evos1

New Zenner

Join Date:
Mar 2009
Posts:
6
Plugin Contributions:
0

Re: Centreing the main Page

Thanks a lot tony_sar

You are right. I have solved the img width issue in my tpl_main_page file and now I can fix all with simple padding and margin adjustements.

Thanks for your help

11 Apr 2009, 2:46 PM
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Centreing the main Page

Jude:

The site is at https://www.happycreations.com.au/products

I am having trouble centreing the main page. Also in mozilla it looks fine but in explorer when you go into the any of the categories the products run 'off the edge' of the page cutting out some of the text. I don't want to keep reducing the text size down too much - their has to be a better way I am just struggling to locate it at the moment.

any help on these formatting issues would be much appreciated.

thanks

Jude
IE is not able to validate your site , thus rendering as broken box model .. that might be the reason for left justified . here seems to be the problem

your doc type

<title>Happy Creations</title><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> the title tag , is effecting your doc type .. fix that ..
11 Apr 2009, 3:55 PM
#9
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,853
Plugin Contributions:
18

Re: Centreing the main Page

What Tony means by fixing is that the <!Doctype.. should go first in the document. Then title and all other items after it.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

13 Apr 2009, 4:38 AM
#10
jude avatar

jude

New Zenner

Join Date:
Nov 2004
Posts:
36
Plugin Contributions:
0

Re: Centreing the main Page

Thank you guys! with your help both the centring and the other formatting issue have both been solved!

Jude