Cherry Zen Template Support Thread

Yes i forgot that value, but changing only that, things went worst:

http://hosting03.imagecross.com/imag...8852Image1.png


So, i changed also the margin-right value here below to 170 (it was 150):

PHP Code:

---

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 


---

Now the columns look right but still the central page it's not right centered (still more space on the right):
http://hosting03.imagecross.com/imag...1064Image2.png

Hi all,

I'm just setting up some info on an ezpage. I copy/pasted from my old site, and the formatting (to my surprise) stayed pretty good. The problem is that the page footer seems embedded behind my info. That is, my content hasn't 'pushed' the footer to the foot...

Page is http://www.h a m i l t o n t a y l o r.co.uk/zen/index.php?main_page=page&id=15

I guess its something in the html, but I'm not codey enough find the problem. If this is not a Cerry Zen issue, apologies, and I'll take it elsewhere...

Thanks in advance,

Sean

Quote:

---

Originally Posted by markus75

Yes i forgot that value, but changing only that, things went worst:

http://hosting03.imagecross.com/imag...8852Image1.png


So, i changed also the margin-right value here below to 170 (it was 150):

PHP Code:

---

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 


---

Now the columns look right but still the central page it's not right centered (still more space on the right):

---

It's because your site is so wide. If your logo were only 1000px, then it wouldn't do that. I would actually suggest that you do that, your site is a little too wide, in my opinion, and even on my widescren, high resolution monitor, I have to increase my browser width, because I don't keep my browser super wide.

Anyway, if you want to keep your logo at 1250, you can change the 97% of .float-wrap to 98%.

Also, you can remove the padding-left:15px of #logo to remove the white space to the left of your logo.

Quote:

---

Originally Posted by srt9969

Hi all,

I'm just setting up some info on an ezpage. I copy/pasted from my old site, and the formatting (to my surprise) stayed pretty good. The problem is that the page footer seems embedded behind my info. That is, my content hasn't 'pushed' the footer to the foot...

Page is http://www.h a m i l t o n t a y l o r.co.uk/zen/index.php?main_page=page&id=15

I guess its something in the html, but I'm not codey enough find the problem. If this is not a Cerry Zen issue, apologies, and I'll take it elsewhere...

Thanks in advance,

Sean

---

It's because of all the absolute positioning used. The site doesn't know that its supposed to "contain" that information, as the absolute positioning has taken it out of the flow of the site.

But a quick and dirty fix is to change the very first div in front of that content from this:

<div>

to this:

<div style="height:1200px;">

Now i edited the logo to be 1000px wide.
But the site doesnt change its width.
And how i center logo? The file readme says: "remove float:left; from the #logo tag in the css", i did so but it doesnt work.

Also i did not understand if i did right to edit the value in this part:

PHP Code:

---

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 


---

Quote:

---

Originally Posted by markus75

Also i did not understand if i did right to edit the value in this part:

PHP Code:

---

#navColumnTwo {
    float: right;
    margin-right: -170px; /* This negative margin-right value is in this example the same as the right column width. */
    position: relative; /* IE needs this  */ 


---

---

Yes, I'm sorry, I've added this to my instructions for the next update.

Here's the original:

Code:

---

#navColumnTwo {
        float: right;
        margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
        position: relative; /* IE needs this  */
}
* html #navColumnTwo {
        margin-right: -170px !important; /* Fixes IE6 Issue */
}

---

So change the 150px to 170px, and the 170px to 190px.

I uploaded here the stylesheet.css that is on use in the site at the moment: http://footballmaniax.com/stylesheet.css.txt
If you want to take a look at it. Thanks.

I did with attention the changes you suggested.
I think now it's everything ok.
Also the site looks better. Thanks for your suggestions.

I have 2 other questions:
1. when i use some german letters as "üöäß" in the name of the subdirectories of the products they dont appear correctly when i set german language in the site. With other languages i can see correctly these letters. Why?
2. How can i add a little image to be on the left of the name of categories in the menu in the sidebox?

Sorry, another question:
which value do i have to change to center vertically the words in this menu?
http://hosting03.imagecross.com/imag...8113Image1.png
As you can see the space under the words is more.
Thanks again.