Problems centering the page in IE6

Quote

Post by Jacob » Wed Apr 08, 2009 1:26 am

Hi, in IE6 my page does not center. I did some trouble shooting and it seems that the code:

Code: Select all

<?php echo '<?xml version="1.0" encoding="UTF-8"?>' . "\n"; ?>
at the top of the layout.tpl is causing this problem.

I am not a pro and was hoping I could just put the above code below the this code?:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Thanks
Jacob
Active Member
Posts
168
Joined
Thu Dec 04, 2008 9:17 pm
Top

Re: Problems centering the page in IE6

Quote

Post by MarkF » Wed Apr 08, 2009 7:35 am

Hi Jacob,

putting this in an IE6 only stylesheet worked for me -

Code: Select all

body {
	text-align: center;
}
#container {
	text-align: left;;
}
Regards
Mark :)
MarkF
New member
Posts
93
Joined
Tue Mar 17, 2009 9:54 pm
Top

Re: Problems centering the page in IE6

Quote

Post by Jacob » Wed Apr 08, 2009 6:04 pm

Hi Mark

Thanks, that did center the page but it caused my product boxes, '.column_left' boxes, and main column to break up?

Is there another option that does not lead to so much trouble?

Cheers
Jacob
Active Member
Posts
168
Joined
Thu Dec 04, 2008 9:17 pm
Top

Re: Problems centering the page in IE6

Quote

Post by Daniel » Mon Apr 13, 2009 9:46 pm

Mark,

Have you got a IE6 CSS working fully?

If so can you send it to me?

I will include it in the next release. At the moment I'm using Vista and can not get IE6 working with it.
User avatar
Daniel
Administrator
Posts
5627
Joined
Fri Nov 03, 2006 6:57 pm
Top

Re: Problems centering the page in IE6

Quote

Post by MarkF » Wed Apr 15, 2009 5:16 pm

Have you got a IE6 CSS working fully?
Daniel,

it's not quite there yet and it's not very elegant, but I've got a bunch of CSS changes in an IE6 CSS file and I had to change a couple of the graphics used for the top & bottom of the middle panel.

As soon as I feel it's about there, I'll get them off to you.

Regards
Mark :)
MarkF
New member
Posts
93
Joined
Tue Mar 17, 2009 9:54 pm
Top

Re: Problems centering the page in IE6

Quote

Post by baris22 » Thu Apr 16, 2009 10:21 am

I managed to get it working, kind of :)

This is what i did:

On stylesheet.css

find

Code: Select all

body {
                margin: 0px;
	padding: 0px;
}
change it with

Code: Select all


body {
      text-align: center;
      background:#025d8a url('../image/bg5.gif') repeat-x;
      margin: 0px;
      padding: 0px;
}
find

Code: Select all

#container {
      
	width: 960px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}
change it

Code: Select all

#container {
      
      text-align: left;
	width: 990px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}
find

Code: Select all

#header .div4 {
	width: 940px;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
	background: url('../image/header.png') repeat-x;
}
change it

Code: Select all

#header .div4 {
	width: 990px;
	/*
	padding-left: 10px;
	padding-right: 10px;
	*/
	height: 40px;
	background: url('../image/header.png') repeat-x;
}
find

Code: Select all

#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
	display: inline-block; 
}
#column_right {
	float: right;
	width: 180px;
	margin-left: 10px;
	display: inline-block;
}
#content {
	display: inline-block;
	width: 580px;
	margin-bottom: 10px;
}
change it

Code: Select all

#column_left {
	float: left;
	width: 180px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block; 
}
#column_right {
	float: right;
	width: 180px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

#content {
	display: inline-block;
	width: 580px;
	text-align: left;
	margin-bottom: 10px;
}
on layout.tpl find

Code: Select all

<div id="content"><?php echo $content; ?></div>
change it to

Code: Select all

<center><div id="content"><?php echo $content; ?></div></center>
That is it. I added an option to have a backround image. You can put your own image and color.

Code: Select all

background:#025d8a url('../image/bg5.gif') repeat-x;
I attached the image

Attachments

bg5.gif

bg5.gif (1.52 KiB) Viewed 3595 times

baris22
Newbie
Posts
19
Joined
Sat Jan 05, 2008 9:03 pm
Top

Re: Problems centering the page in IE6

Quote

Post by vapors1911 » Mon Apr 20, 2009 9:04 am

The fix to this problem can be found here:

http://forum.opencart.com/viewtopic.php?f=21&t=3766
vapors1911
Newbie
Posts
5
Joined
Wed Apr 15, 2009 9:50 am
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 4 guests