[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 361
  • Last Modified:

Need to reduce the width of two elements of a page

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
TrueBlue
Asked:
TrueBlue
  • 2
2 Solutions
 
warheroCommented:
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
 
TrueBlueAuthor Commented:
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
 
kevp75Commented:
'Moved the banner bar to the right instead of to the right'?     Isn't that what you wanted?

Try float:right
0
 
TrueBlueAuthor Commented:
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

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now