Sophy Blue Template

Yup! I see whats wrong.

On your CSS look for:

Code:

---

.sideBoxContent {
    background-image:url('../images/box002.gif');
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 125%;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px; background-position-y:100%
    }

---

should be:

Code:

---

.sideBoxContent {
    background-image:url(../images/box002.gif);
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 125%;
    background-position: bottom;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
    }

---

That should fix it.

BTW nice combination of jettrue's template and mine, plus your own touch, very good.

Have fun!

Quote:

---

Originally Posted by ideasgirl

Yup! I see whats wrong.

That should fix it.

BTW nice combination of jettrue's template and mine, plus your own touch, very good.

Have fun!

---

I made that modification, but all it did was make IE look the same as firefox and netscape:down: There is two side issues in firefox and netscape besides the side boxes: The navigation bar at the top (yes, I just really like that feature of the simple Zen template) punches out to the side on firefox and netscape but not IE, and in the attribute dropdown options the background is blue and hard to see the black writing, the background is white in IE.

Any other help you can offer would be appreciated!:P

Oops! I spelled background wrong, that DID fix it:laugh: Almost:cry: Now the only problem is the news box is off at the bottom in all browsers, the login box is off at the bottom in netscape and firefox but not IE, and I still have the header navigation and dropdown background color problem in netscape and firefox but not IE. I moved the login and news box to the left just in case it was the right column (even though I did set the column widths to 175), but didn't help. The news box is actually the blank box addon and the login is an addon, is there something in the php of those addons I have to change to line them up right like the other boxes? Thanks for your help, and the template! Once fixed, I will really be happy with it!

This is caused because your images/links on your header are coming out of the header space to the right, messing the rest of the template. Checkout your header template code and your css.

Quote:

---

Originally Posted by ideasgirl

This is caused because your images/links on your header are coming out of the header space to the right, messing the rest of the template. Checkout your header template code and your css.

---

Ideasgirl,

I restored the original header.php from your template, and removed all tagline reference in the stylesheet and restored the header height and width dimensions in the stylesheet to the original template. I also moved the login box to the middle of the left column, nothing helped. The login box is off on the bottom in netscape and firefox but not IE, and the news box is off in all browsers. This is regardless of what column or position in the column they are. Any ideas? It only seems to effect these addon boxes, none of the other boxes are distorted regardless of position (I moved categories to the right to demonstrate this point). I'm soooo close:cry:

I don't see any problem with the login box in any browser (IE & FF), I do see the news box issue with IE.

Check your sideboxes templates (specially news) there should be the clue. Keep in mind that the header issue was there, so you may want to peek on that after fixing the boxes to return to your previous look.

Quote:

---

Originally Posted by ideasgirl

I don't see any problem with the login box in any browser (IE & FF), I do see the news box issue with IE.

Check your sideboxes templates (specially news) there should be the clue. Keep in mind that the header issue was there, so you may want to peek on that after fixing the boxes to return to your previous look.

---

Hrmm, now I'm having trouble posting!

Anyway, I was saying.... I notice that now firefox shows all boxes proper, it is netscape that shows both the login and news box to be off at the bottom, and IE shows just the news box off. I found out that it was frontpage that was removing your original "Background-position: bottom" tag and replacing it with the line you first found in my style sheet. Everytime I edit in frontpage, it does it again. I have to use notepad. With that line, it fixes the news box in IE, but makes it all horrible in firefox and netscape. I wish everyone would just use IE:) Sidenote, my scrolling news script doesn't work right in firefox or netscape, only IE. I wonder if it's because the htm was made in frontpage too??

Well, I'll keep trying !! Thanks for all your help!

Ok, all is well! I had to add float: right to the image tagline in the style sheet, it was there in the defining of the tag, but not the image define. That fixed the simple Zen header image problem.

The sideboxes had to much content: The login box had the password field to 24, setting it to 22 fixed the box. The news scroll was 10px too wide. I just need to figure out how to define the background color of text and dropdown attribute boxes since netscape and firefox are blue instead of white like IE... and of course, I need to go post somewhere to ask why firefox doesn't scroll the news properly like IE:dontgetit

Quote:

---

Originally Posted by ideasgirl

Ooooopsy! :blush: must be the time I was reading this post (and replying). I could swear I saw a problem with the product listing heading background image, I was referring to that (hmmm maybe another post I was looking at the same time).

But I found how you can manage this. Go to your CSS and add:

Code:

---

#listCell0-0{
    width: 150px;
    }

---

Try to add it after:

Code:

---

.centerBoxHeading {
  font-size: 12px;
  background-image: url(../images/bar.gif);
  background-repeat: repeat-x;
  padding-top: 7px;
  padding-bottom: 13px;
  }

---

Use the width that fit your preference.

Have fun!

---

I can find in my stylesheet.css

Code:

---

.centerBoxHeading {
  font-size: 12px;
  background-image: url(../images/bar.gif);
  background-repeat: repeat-x;
  padding-top: 7px;
  padding-bottom: 13px;
  }

---

however, i'm not able to locate

Code:

---

#listCell0-0{
    width: 150px;
    }

---

Am i maybe looking in the wrong .css file. Sorry to ask you so many questions but this is really only my 3rd week with Zen Cart :smartass:

THX

Quote:

---

however, i'm not able to locate

---

That's why I said "ADD" to your css (it's not there, you have to add it). :P