Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Page Sizing and Alignment Please Help


oscommerceking

Recommended Posts

Posted

hi I am in great need of help here is my css body style tag

 

 

BODY {

background: #ffffff;

color: #000000;

margin-left: 9.7%;

margin-right: 9.7%;

margin-top: 0;

margin-bottom: 0;

}

 

 

I need it so that the left column always aligns with my header 797px and search bar 797 px

 

Whether i shrink the page left to right or up and down i need the left and right columns to stay aligned with my banner

 

 

Any Tips or Ideas here

 

Thanks in Advance

 

J

Posted

Go into the php pages and but width="797" in the <td> tag of main tables on your

catalog/index.php

catalog/includes/header.php

catalog/includes/hfooter.php

 

But that will only specify the overall size... if your columns are the problem then you will have to go in and edit them as well.

 

So you know, 797 is way too big for a majority of people, it will put a scroll bar on the bottom of the browser and force people to scroll sidesways to see your full page.

 

Suggested is 770 if you want a specific width.

Wendy James

 

Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.

Posted
Go into the php pages and but width="797" in the <td> tag of main tables on your

catalog/index.php

catalog/includes/header.php

catalog/includes/hfooter.php

 

But that will only specify the overall size... if your columns are the problem then you will have to go in and edit them as well.

 

So you know, 797 is way too big for a majority of people, it will put a scroll bar on the bottom of the browser and force people to scroll sidesways to see your full page.

 

Suggested is 770 if you want a specific width.

 

 

Thankyou for your prompt and courteous reply, however i have one question

 

I resized both my banner and bar to 770 as you suggested (thankyou by the way)

 

Now to simplify the layout can i merely put a v align left to the left column set

 

and a V align right to the right column set?

 

The whole page is centered And everytime i grab the right side of the internet explorer window and drag it in it pushes the categories smaller and the shopping cart box creeps in

 

Thanks in advance for your keen insight

 

J

Posted

I would have to see your page to be able to offer advice. Not sure what you mean by sets. Do you have a template system installed or something?

 

If you can post a link so we can take a look. =)

Wendy James

 

Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep.

Posted
I would have to see your page to be able to offer advice. Not sure what you mean by sets. Do you have a template system installed or something?

 

If you can post a link so we can take a look. =)

 

 

:blush: It would happen that the solution to my answer is in the knowledge base

 

http://www.oscommerce.info/kb/osCommerce_D...n_and_Layout/53

 

Anyways i incorporated a search bar on the top of my page (it is on top of my header) I have it positioned with absolute positioning

 

Does anyone know how to pin it to my header, everytime i drag the page in it moves the search bar along with the abs positioning (since my page is centered now)

 

J

 

 

Thanks in advance

 

 

ps thanks for the helpful advice Wendy, hopefully ill have a demo of the site up within a week :D

Posted

Here is the code that i used for the absolute positioning of the search bar and the php script for the search, followed by the css style tag that is included in css,

 

Hey when i get this all hashed out i smell a contribution coming on =)

 

<div class="centerpage">



            
<div id="layer1">
<form name="searchform" action="advanced_search_result.php" method="get">
<input type="hidden" name="search_in_title" value="1">
<input type="hidden" name="osCsid" value="143f5c7a8fd489eac41a2e10beea2084"><td align="right"class="headerNavigation">    
<input type="text" name="keywords" size="20" maxlength="30"><input type="hidden" name="search_in_description" value="1">
<input type="submit" value="Search">   </font></td>
</tr>
</form>
</div>
     

 

 

 

CSS code

 

#layer1 { visibility: visible; position: absolute; top: 55px; left: 600px; width: 300px; height: 25px }

 

 

 

Thanks in advance all

 

J

Archived

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

×
×
  • Create New...