Another Layout Question...Need help

[barco57]

#3
http://www.zen-cart.com/forum/showth...ratulations%21

[leoleroi]

Thanks. I successfully removed the installation message. However, I am still having problems with question 4.

/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;
}

When I changed the width of the whole page. However, I just want to fix the width of the area below the header and to the right of the left menu. I am very new at CSS.

Here are my remaining questions:

1- How do I remove the two links "Home" and "Check your order status" that show up below the blue tree menu to the left?

2- How to I get rid of the footer with all the images and the links that show up?

4- Lastly, I would like to change the width of the middle content (where the products are) from being variable to being a fixed smaller width. How can I do this?


Any help would be appreciated.

[barco57]

my understanding is that the width of the content area is the width of the #mainwrapper minus the width of any sidebox columns.

what effect are you looking for?

[leoleroi]

I successfully changed it by adding this to style_autero.cc:


#contentMainWrapper{
background-color: #ffffff;
width: 75%;
vertical-align: top;
}



This only affects the content and not the whole page.

[barco57]

have you taken a look at the layout in multiple browsers?

firefox page is only 500px wide sorta squeezed.

in IE the layout is all screwed up with images, text, heading bars over lapping left column content

[barco57]

In regards to question #1 what side boxes are turned on in the layout boxes controller.

It appears you have unsqueezed the layout in FF, hard for me to keep up with your changes. It seems everytime I refresh the page you have changed something.

Layout still broken in IE.

Let me ask a couple of questions:
1. how wide do you want the overall page to be?
2. Do you plan on having any side boxes on the right side of the page?

[leoleroi]

I am constantly doing some trial and error which explains why you see changes every time you refresh. I am not sure why the menu appears squeezed in IE, that's what I am trying to take.

Regarding your questions, I would like the final page to look like this one http://autero.com/electronics.html.

I will not have any right boxes however.

The oustanding questions I still have are :

1- How do I remove the two links "Home" and "Check your order status" that show up below the blue tree menu to the left?

2- How to I get rid of the footer with all the images and the links that show up?

4- Lastly, I would like to change the width of the middle content (where the products are) from being variable to being a fixed smaller width. How can I do this?

5- I just added this one. When I go to a product page, the following shows up above the product name: "Home :: Exhaust Systems :: 4" T-409 Stainless Steel". I would like to do one of two things. Either change the "Home" link to redirect to a different page or remove that so it does not display at all.