Why is my width being pushed to be larger?

Why is my thicker being pushed to be larger

We’ve this site of which i’m currently doing:
http: //www. linedetail. com

Every page is fine except for:
http: //www. linedetail. com/contactus2006. php

For whatever reason the html belonging to the content in this page is causing the words " Web Web hosting service & Domain Names" around the left menu to be put on 2 lines.

We’ve deleted and eradicated the table that is holding the speak to info repeatedly along with it’s contents. Unless the main table is removed for this, that is the sole time when what will look normal on the left.

Thus, if you can certainly, help me learn why it is usually that the content on this kind of page is moving the center column for being larger than another pages.

Thanks,
-Line

The answer lies in the code comments

HTML:
< td valign=" top" width=" 704" style=" padding-left: 5px; padding-right: 5px" > <! --- Anything in here need to be 694 pixels or less in width ---> 

It says right there that the middle section must not be more when compared with 694 pixels. You’ve got 704.

That comment is that cell.
The actual cell says width=" 704" after which you can there’s padding about the left and appropriate of 5 pixels each making the area available for content material only 694

The table inside that cell will be one causing the situation: \

-Line

There is not any width set for the table that appears while in the cell. If anyone define the size as 694 them should sort the idea.

Nope that didn’t work

-Line

Well, I couldn’t take a position the table so I merely removed it. Crappy way to correct this problem nevertheless it seemed on your own that worked.

So Now Concerning the content appropriate correctly.. next up – I’m planning to have ascertain if my table’s column-widths are instead the size they ought to be.

-Line

I will be interested in this thread because My business is having issues along with table column widths. I have a site with a 3-column background while using content in the center column. I will be trying to facility the content just a browser. In order to start this, I have placed the width belonging to the left and correct columns at 50%. For that center, I am attempting to set the width for 1000px. Nevertheless, the center column only squeezes to not as much as 1000px to that widest image while in the column. Is there another type of way that I have to do this than recreate widths within some sort of table as both % and px

ah percentages is often annoying. They might be good to employ when doing the outter most attribute like the table tag nevertheless I wouldnt use them on td tissues.

I always start using a specific size.

In terms of I know, And I can be wrong naturally these years, but when you put a portion on td debris, the percentage is the number of space the bigger or height that is certainly specified for the table tag.

So when you put table width=" 900"

and also you have two tds, is 25% and the other has no specification, a main cell marked 25% might be 225 pixels due to the fact 225 is 25% with 900.

The percentage utilised for attributes inside the table tag will require up percentage belonging to the maximum space of your opened browser windowpane. So if I don’t have my browser popped at it’s utmost size and let’s pretend it’s like 450 pixels in width, and i possess my table width set to 100%, discomfort my table can only be FOUR HINDRED AND FIFTY pixels (minus related to 20 pixels for the scrollbar on the proper and the border to the left)

When you specificy an specific amount, than you may earn sure your web page always looks the same and if a user is known for a small screen resolution or carries a un-maximized browser screen, they’ll see scrollbars telling them they should scroll around to find out the whole web page.

On this same info, when you made a kitchen table width 50% it will take that un-maximized cell phone browser size of 350 and make the site be 225 pixels simply because 50% of FOUR HINDRED AND FIFTY is 225.

One thing to consider though, is that tables will always enlarge depending with what’s inside all of them. If you help make your table or td width a certain size say one example is, 200, and you set a image while in the table or td that is certainly 500, your table/td will grow to hide that image.

-Line

-Line

Thanks, Line. This is exactly what is happening. Concerning a banner logo for the top of the page that is definitely setting the width to the page. However, the image is just about 720px. I’d rather have that content space while in the realm of NINE HUNDRED to 1000 px; nevertheless, I do not want a bigger image. I am wondering basically should try to place a transparent background image to the set width. Or it usually is easier to cell padd about the left and appropriate around this photo. What do you believe: ermm:

Hello there Kruepdogg!

Glad I can answer your problem.

Inserting a background is not going to set a width, a background inside a cell or table will repeat and start through the top left corner belonging to the table or cell and repeat. Take advantage of CSS to place within the background you can choose if or not the background could repeat and where it’s located. However you possibly can still not specifiy the axact size.

BTW! Many about cellpadding and also cellspacing those a couple of attributes used while in the table tag furthermore cause your tables to enlarge determined by what’s inside the cells as well as the width of your current td cells.

-Line

I see what you will be saying about your background image. I had in mind any recordings " invisible" image placed promptly above or under the image I would like to show (maybe 1px extra tall and 950px wide). The only problem usually I do not really discover how to make an right " invisible" image, especially since Concerning a background image for the entire page. I guess I can try to create an image that is definitely 99-100% transparent. I want to apply a " professional" mend, though.
I’m sure the limitation to be able to cellpadding and cellspacing with luck is that these types of two attributes influence spacing on most 4 sides of the content. Is there any approach to designate an amount of space on the ideal and left sides of an inserted image right into a cell
Thanks for all the help!

This entry was posted in Web Design and tagged , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *