Page 1 of 1
Opencart v1.0 Front layout Firefox and Internet EXplorer problems
Posted: Thu Feb 05, 2009 7:02 pm
by gaudi
Hi!
The store front layout is scrambled in Firefox (the middle column is aligning in the left part of the screen, instead of the center) and in Internet Explorer 7.0 (the middle column is displayed below the left sidebar column).
In Safari for Windows, Chrome the store front layout is displayed correctly.
Hope this could be resolved with some CSS fixes.
Re: Opencart v1.0 Front layout Firefox and Internet EXplorer problems
Posted: Thu Feb 05, 2009 11:01 pm
by Daniel
it works fine on mine. What version of IE are yiou using?
Re: Opencart v1.0 Front layout Firefox and Internet EXplorer problems
Posted: Thu Feb 05, 2009 11:30 pm
by JNeuhoff
From what I can see, the basic CSS for the container and the 3 columns looks like this:
Code: Select all
#container {
width: 960px;
position: relative;
left: 50%;
margin-left: -480px;
background: #FFFFFF;
}
....
#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;
}
This can indeed cause problems in some web browsers.
I think it would be better to use something like this for the #container:
Code: Select all
#container {
width: 960px;
position: relative;
margin-left: auto;
margin-right: auto;
background: #FFFFFF;
}
This makes the whole container centered-aligned and more robust for rendering in different browsers IMHO.
Re: Opencart v1.0 Front layout Firefox and Internet EXplorer problems
Posted: Thu Feb 05, 2009 11:58 pm
by gaudi
Firefox screenshot
Re: Opencart v1.0 Front layout Firefox and Internet EXplorer problems
Posted: Fri Feb 06, 2009 12:00 am
by gaudi
Internet Explorer screenshot
Re: Opencart v1.0 Front layout Firefox and Internet EXplorer problems
Posted: Fri Feb 06, 2009 12:01 am
by Daniel
ok i've added the changes in the next release.
I'm going to start using SVn so people can get fixes straght away.
Re: Opencart v1.0 Front layout Firefox and Internet EXplorer problems
Posted: Fri Feb 06, 2009 7:07 pm
by gaudi
Hi Daniel!
The layout display problems don't appear in Firefox 3 (I checked on another computer with the latest Firefox browser installed and OpenCart layout rendered correctly)
It’s seems the layout problems appear on Firefox v2.0 (my Firefox version is 2.0.0).
Thank you!