Solved

How do I remove this mystery space in mt template

Posted on 2009-05-13
3
275 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

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Link a VBS to an HTA 6 36
Add image to into animation on website template 1 27
Scroll 5 news at a time. 4 27
How to create a textarea which saves text in HTML 8 37
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

770 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