Hi Mats,

Your screen shot shows an admin page hosted in a narrow skin and overflowing the pane. If the problem happens on non admin public facing pages it would be more of a problem, but a narrow design can have this result whether the skin is generated by Artisteer or by hand coding. My recommendation would be to make the design wider, it looks like it is optimized for 800x600 but these days that is narrower than it needs to be. 0% of my traffic has screen resolution smaller than 1024x768. Wider skins are better, with very narrow skins you end up with side columns that are too narrow and the page becomes crowded.

In any case it is expected that in a few cases you may need to tweak the css to fix issues like this.

If the problem happens on non admin pages, you can send me a design or skin that demonstrates the problem and I will take a look. joe dot audette at g mail dot com

I will work on the vertical menu support as soon as Artisteer releases the next non beta version.

The issue about the broken icon was reported on another thread and will be fixed in the next version. For now a workaround is to copy the file /Data/SiteImages/wrench.png to the root.

Best,

Joe

Hi Mats,

I've downloaded your zip, can you tell me the name of a skin that has this issue? It should be easy to solve with css.

Best,

Joe

Hi Mats,

I've updated the details of step 5 a little to clarify, but as it said before a few tweaks may be needed. I was able to fix the Artisteer_1_green by making the following changes in styleartisteeroverrides.css:

1. fix issue where the grass image was repeating:

body.pagebody
{
 background-color: #7C9C7F;
 background-image: url('images/Page-BgTexture.jpg');
 background-repeat: repeat-x;
 background-attachment: fixed;
 background-position: bottom left;
}

2. Adjust width on these 2, old widths shown in comments

.art-contentLayout .art-content-wide
{
 position: relative;
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 overflow: hidden;
 /* width: 982px; */
 width: 882px;
}
.art-contentLayout .art-content-narrow
{
 position: relative;
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 overflow: hidden;
 /* width: 493px; */
 width: 393px;
}

This is because the design is narrower than the included Artisteer skins.

Best,

Joe