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.
From what I can see, the basic CSS for the container and the 3 columns looks like this:
This can indeed cause problems in some web browsers.
I think it would be better to use something like this for the #container:
This makes the whole container centered-aligned and more robust for rendering in different browsers IMHO.
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;
}
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;
}
Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig
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!
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!
Who is online
Users browsing this forum: No registered users and 24 guests