Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

how to align the right colum


Guest

Recommended Posts

Posted

Can someone guide me to getting the column_right to always stay to the right.

It seams that depending on the screen resolution the right column will be off or where I want it.

 

If you see on my page www.connectorsupply.com

the right column needs to always be lined up with the right edge of the header and footer.

It looks fine in my browser with resolution of 1440x900 but then on my laptop with a lower resolution the right column moves in left and does not line up with the right edge.

 

Can someone please help me?

 

Joe

Posted

Joe,

 

Look at the basic design pack contribution. In the sample stylesheet.css you will see this:

 

BODY {

text-align: center;

background: #ffffff;

color: #000000;

margin: 0px;

}

 

.fixcenter {

width: 778px;

border: solid; border-width: 1px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 20px;

text-align: left;

}

 

 

and then in the header and footer you will find this:

 

<div class="fixcenter">

 

 

The div class and the stylesheet parameters keep the template centered and expanded to 778px in this case but you can change it to whatever you would like.

 

However, I suggest you NOT exceed 1000px as those with conventional monitors will not be able to see the entire screen without scrolling over 500px.

 

 

Chris

Posted

 

and then in the header and footer you will find this:

 

<div class="fixcenter">

 

 

 

 

 

would the one in the footer look like </div> ?

 

Nic

 

 

Sometimes you're the dog and sometimes the lamp post

[/url]

My Contributions

Posted

Joe,

 

Nic is correct about the footer. It would be the closing </div>.

 

 

Refer to the contribution for all the details.

 

 

 

Thanks for pointing that out to me Nic. Sometimes I get typing so fast my fingers outrun my mind.

 

 

 

Chris

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...