Last visited

Profile Information

I don't know if the problem I'm having is related to this addon (which used to work great) but thought I'd try anyhow. I have a heavily modified store which uses USU5.
The problem only arises on certain categories. Basically if you navigate to a certain category, the images aren't displayed and every link from there on outwards gives:
You do not have permission to access store/pagename.html on this server
Additionally a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
When it says you do not have permission to access the page suchandsuch.html. I know this isn't true as the page does work usually.
If I go back a page and avoid that certain category then everything works a treat.
I have turned the debug option on and reset the cache and have noticed for all the working categories, it displays the queries at the bottom (Select product name....) but when accessing the broken category there are no queries displayed.
If I turn USU5 off then all the categories and pages work.
I hope you can help as I'd really like to turn USU5 back on again. If you need more info, please let me know.

I am trying to get my site to validate now, the only outstanding issue is the buttons.
It is saying you can't have an block level element inside an inline element.
E.G
<a href"mylink.html><div class="buttons><span>Continue</span></div></a>
Any ideas please?

I have made several changes to the stylesheet which improve the look no end. I can't remember all that I have changed, would have to use a file compare program to find the changes.
If you'd like me to share it, let us know and I'll post a link or something.

RESULT :)
I have fixed/sussed the issue of the infoboxes. We were both right, the problem was to do with the page height and the fix is playing with the margins.
The problem was the page shifting left when the content went further than the screen height, resulting in the vertical scroll bar appearing. Thus shifting the page left slightly and messing the margins up.
The first fix was to add the following to the body tag:
overflow-y:scroll;
This fixed the site in Firefox completely, however further fixes are required for IE which I haven't sussed properly yet.
Working code for Firefox:
.infobox{
background-image: url('images/infobox/tp-boxfooter.gif');background-repeat:no-repeat;background-position: bottom;
margin:0px 0px 0px 0px ;padding:0px 0px 10px 0px;
}
.infoboxcontents{
font-family: Verdana, Arial, sans-serif;font-size: 10px; margin:0px 0px 0px 1px;padding:5px 5px 5px 5px; background-image: url('images/infobox/tp-boxbody.gif');background-repeat: repeat-y;
}
.infoboxheading{
font-family: Helvetica,sans-serif;font-size: 12px;font-weight: bold;color: #333333; padding:5px 0px 6px 5px;margin:10px 0px 0px 1px;
background-image: url('images/infobox/tp-boxheader.gif');
background-repeat:no-repeat;
}
Working Code for IE:
.infobox{
background-image: url('images/infobox/tp-boxfooter.gif');background-repeat:no-repeat;background-position: bottom;
margin:0px 0px 0px 0px ;padding:0px 0px 10px 0px;
}
.infoboxcontents{
font-family: Verdana, Arial, sans-serif;font-size: 10px; margin:0px 0px 0px 0px;padding:5px 5px 5px 5px; background-image: url('images/infobox/tp-boxbody.gif');background-repeat: repeat-y;
}
.infoboxheading{
font-family: Helvetica,sans-serif;font-size: 12px;font-weight: bold;color: #333333; padding:5px 0px 6px 5px;margin:10px 0px 0px 0px;
background-image: url('images/infobox/tp-boxheader.gif');
background-repeat:no-repeat;
}
The only difference is 1px in the margins. The problem is when applying the fix for IE it breaks Firefox and vice versa.
I know how to apply stylesheets for certain browsers within a page but do not know how to apply conditional statements within CSS.
If I knew how to specify a certain margin for IE and a different margin for Firefox the problem would be solved 100%.

Thanks npn2531
As I said before my knowledge of CSS isn't great so I think I'm going to majorly struggle with that. As I understand it, I would have to mess about with boxes.php which again, im still learning and finding my way.
The borders you mentioned shouldn't cause any issues are they are only there to highlight the different areas.
Im certain the problem isn't to do with the infoboxes anymore. I have played and played with various files etc and the page height is what's causing the problem. I know we are only talking about fixing a 1px alignment issue but it's bugging me and I'd really like to fix it. I don't want to put my store online until the problem is fixed, I will keep trying what I know :)

I have commented out the ul li line at the top, this displayed the bullets but in the wrong place. Adding the following to the CSS file fixed the problem.
.pagebox-threefourths ul { margin-left: 30px; }
Any idea why the paragraph spacing is ignored:
<p>Paragraph 1</p><p>Paragraph 2</p>
Resulting in:
Paragraph 1
Paragraph 2
Instead of:
Paragraph 1
Paragraph 2
Thanks for all your help with this :)

Excuse me if this is long and the pictures are huge, trying to be as descriptive as possible.
What I have done is view the page in IE and copied the source code into a new html file, this enables me to have a play in Dreamweaver. If you look at the image below you can see the the bottom section is out of line.
Now looking at the CSS code you can see that contents and heading have a left margin of 1px but the box itself (with the bottom image) doesn't have the 1px left margin.
.infobox{
background-image: url('images/infobox/tp-boxfooter.gif');background-repeat:no-repeat;background-position: bottom;
margin:0px 0px 0px 0px ;padding:0px 0px 10px 0px;
}
.infoboxcontents{
font-family: Verdana, Arial, sans-serif;font-size: 10px; margin:0px 0px 0px 1px;padding:5px 5px 5px 5px; background-image: url('images/infobox/tp-boxbody.gif');background-repeat: repeat-y;
}
.infoboxheading{
font-family: Helvetica,sans-serif;font-size: 12px;font-weight: bold;color: #333333; padding:5px 0px 6px 5px;margin:10px 0px 0px 1px;
background-image: url('images/infobox/tp-boxheader.gif');
background-repeat:no-repeat;
I have used the addon home page as an example to show that the height of the page contents affects the info boxes. Both of the below images are the same file but with less text in the middle.
Broken - Lots of Text
Working - Little amount of Text
I don't know if this will help but here are some screenshots of the saved html file in dreamweaver.
Top
Bottom

The first issue I'd like to fix is the bottom image being out of line. I have spent the last week or so messing with it trying to fix it but to no avail. Instead I have tried to understand why it is going wrong.
If you have 2 or less rows of products it displays fine, showing 3 or more columns screws it up, moving the whole page to the left slightly. I have just tested my index page, which shows a few lines of text, this displays fine! If I copy & paste that text a few times more, it screws the page up.
I am now thinking the problem doesn't lie with the info boxes, the problem is to do with pagecontent. When the page has alot of text/3 or more columns the page box doesn't extend far enough down the page.
I don't know enough about css to be able to fix the problem, maybe with this bit of information it will give someone a fighting chance. I can provide screenshots to show my findings.
Do you have any clue on why using this addon the product description now ignores <ul> <li>Blah</li> </ul> code?