Solved

Need to reduce the width of two elements of a page

Posted on 2010-11-20
4
335 Views
Last Modified: 2012-06-27
Hi!

I would greatly appreciate help narrowing the top banner and top menu bar so that they are right justified with the content box that is below the top menu bar.
http://www.topsecurityinc.com/testpage.html

I think the section of CSS that controls the width of these two elements of the page are:

.ts-1 {
      border: none;
      text-align: left;
      width: 1195px;  
}

.ts-1-1 {                       /* container around header */
      border:medium none;
      float: left;
      margin: 10px 0px 0px 10px;  
                     width: 1186px;  
}

.ts-2 {
      border:medium none;
      border-collapse: collapse;
      overflow: hidden;
      text-align: left;
      width: 1195px;
}

.ts-2-1 {           /* container around top navigation bar */
      border: none;
      float: left;
      height: 42px;
      line-height: 1px;
      padding: 0px;
      margin-bottom: 0px;
      width: 1145px;
}

Please be specific.

Thank you.
0
Comment
Question by:TrueBlue
  • 2
4 Comments
 
LVL 1

Accepted Solution

by:
warhero earned 250 total points
Comment Utility
try adjusting the width of the elements by percentage rather than pixel rate, and then change the width of content based on that. this also helps increase the usability across users with different screen size.

hop it helps.....
0
 

Author Comment

by:TrueBlue
Comment Utility
I tried adjusting the width with a fixed pixel but it did not change anything but move the banner and bar to the right instead of to the right.

Any specific values would be appreciated.
0
 
LVL 25

Assisted Solution

by:kevp75
kevp75 earned 250 total points
Comment Utility
'Moved the banner bar to the right instead of to the right'?     Isn't that what you wanted?

Try float:right
0
 

Author Comment

by:TrueBlue
Comment Utility
Sorry,

I meant to say I want the top banner and top navigation menu's right border to be aligned with the right border of the main white content box.
Currently, both the top banner and top navigation bar are too far to the right by about 155 pixels I think.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

When you work with shopping cart / ecommerce relates web sites, you need to pass the certain form post details to the payment gateway process page with required details for the products items you give to order. Also you may need to track the ordered…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now