
Originally Posted by
spottedhaggis
Installed and started working on customising this.
Everything looks great graphically, however the darn css has be conflounded.
My monitor res is set to 1280 x 1024 and I have managed to fudge the css to accommodate the sizes I need it to be, in my case 99% width always.
With the default settings I had a scroll bar accross the base of the site, setting to 99% removed this.
I then had to add a top margin above the category title because for some reason I had a gap of 12 px.
So, with the above res it looks perfect, however if I set my resolution to the norm and more common 1024x768 the content part of the site flows into the right column.
Can you please explain how exactly this css works for this site, as I am confused.
Conflounded. Nice new word.
My advice to you, is to put it back to the original css, sounds like you've conflounded it.
Width section should look like this:
Code:
/* site and main content width section */
html>body {
width: auto;
}
#nw {
width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */
min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
}
/* IE only. Controls Width of Site and Main Content*/
* html #nw {
width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
}
/* end IE only */
/* end site and main content width section */
Then try replacing ALL instances in the section above (even the IE section) of 1000px to something smaller, like 950px or less (till the issue goes away), and ALL instances of 1300px to something smaller, like 1250px or less.
Also, could I see a link?
Also, does your issue happen with my test site, http://www.cherryzen.sagefish.com ?
Bookmarks