Solved

How do I remove this mystery space in mt template

Posted on 2009-05-13
3
270 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
Comment Utility
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
Comment Utility
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
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
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 Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

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

11 Experts available now in Live!

Get 1:1 Help Now