adjust height of center column independently of one another

[adem.i]

v1.3.9h

Still a newb to zencart, but getting there.

My 'contact us' and 'log in' pages have a frame around them that cuts the buttons on the bottom of each of the pages respectively.

http://qnecomputing.com.au/index.php...age=contact_us
http://qnecomputing.com.au/index.php?main_page=login

within stylesheet.css, I tried the following adjustment

.centerColumn {
border:1px solid #000000;
height: 85em;
}

but then realised, the size of each page needs to be different.

I then tried

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
padding: 1em;



but don't want the rest of the text in 'contact us' to be so far away from the border. How else can I achieve this?

Thanks

[dgent]

You can add a page by page stylesheet to your CSS folder to manually adjust each page, or a quick get-around is if you actually add the style code to the description on a particular page, or product, you can adjust any attribute of a page design...eg....If you added the code below to a single product description, it would remove the price and buy it now button, yet any other product on the site would be unchanged. So you can do this on your contact us form etc and adjust each page accordingly.



<style type="text/css">
#productPrices {display: none }
#productMainImage {display: none}
#cartAdd {display: none}
</style>

I did that on this page here.

[adem.i]

Thanks, I understand what you mean, however I'm finding a bit difficult in applying it. So the contact us form is located in

includes>templates>template_default>templates

and is titled 'tpl_contact_us_default.php'

would I include something like this?

<style type="text/css">
#contactUsDefault .centerColumn {height: X px}


</style>

or

<style type="text/css">
.centerColumn {
height: X px;
}
</style>

at the end of the code?

[dgent]

Thanks, I understand what you mean, however I'm finding a bit difficult in applying it. So the contact us form is located in

includes>templates>template_default>templates

and is titled 'tpl_contact_us_default.php'

would I include something like this?

<style type="text/css">
#contactUsDefault .centerColumn {height: X px}


</style>

or

<style type="text/css">
.centerColumn {
height: X px;
}
</style>

at the end of the code?

Noo, you don't need to stick it in the php code for the page, you stick it in the contact us page in the define pages editor in your Admin. Easy as that.

[adem.i]

Thanks, I tried what you suggested but the page didn't change in height. I had just copy pasted the code I had shown above. Am I not doing this correctly?
are you sure I don't need to go into
/includes/languages/english/html_includes//define_contact_us.php

[adem.i]

I attempted the following changes in stylesheet.css

.forward, #shoppingCartDefault #PPECbutton {
float: right;
margin: -1.3em;
padding: 1em;
##################################################_
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: -0.2em;
padding: 0em 0.7em;
##################################################

but now the images only appear corrected in firefox and not chrome or IE

q n e c o m p u t i n g.com.au/index.php?main_page=contact_us