Solved

How do I remove this mystery space in mt template

Posted on 2009-05-13
3
278 Views
Last Modified: 2013-11-05
I have this strange mystery space in this web site template I am working on.
It can be seen on the home page here:
http://02c4a6b.netsolhost.com/
Notice I have a filler image inside the template content area (the FPO image) and see how to the right of that in that main <TD> there is 5px or so of whitespace. I need this image to be flush with the right hand side, but as you can see it is causing the template to break apart.

If you "view source" you will see that the content area TD starts at line 104
My main stylesheet is
http://02c4a6b.netsolhost.com/sitestyle.css

What is that space? More importantly, How do I get rid of it? It has to be something in the style sheet I am missing.
0
Comment
Question by:marms676
  • 2
3 Comments
 
LVL 10

Expert Comment

by:mstrelan
ID: 24381769
Your main table declaration has width of 1066px. your left column has width of 184px right column 74px.

1066 - 184 - 74 = 808. Which is 8 px wider than your <img>
0
 

Author Comment

by:marms676
ID: 24384992
Yes, I know the image is too wide for the final template (I intend to modify that), but that is not the problem. If it was, the image would at least go flush with the right hand side and then start to break the template apart. Any content I put in there will not go flush to the right side of the template.

Note this page
http://02c4a6b.netsolhost.com/how-we-got-started.html
See how the text stops at about that same distance to the right?

0
 
LVL 10

Accepted Solution

by:
mstrelan earned 500 total points
ID: 24390587
no i was saying the image is too small for the area you have specified.
the table is 1066px, declared in <table width=1066>
the left column is set to 184 and the right column is 74... the middle column takes up the remaining area which is 808px. since the image only takes up 800 pixels there is a spare 8px.

solution change your table to width=1058 or just take the width out completely.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

679 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