Question on a fluid design

[robert]

The page I've created consist of five columns with margins on each side.
When I view the page on different browser settings it appears correct.
However, when I put a table in each of the three middle columns - each of the
tables set to 100% or even 90% of the column width - it causes the column on
the right side to be moved out of view. What am I doing wrong when I insert
the tables?

 

[P@tty Ayers]

The page I've created consist of five columns with margins on each side.
When I view the page on different browser settings it appears correct.
However, when I put a table in each of the three middle columns - each of
the
tables set to 100% or even 90% of the column width - it causes the column
on
the right side to be moved out of view. What am I doing wrong when I
insert
the tables?

It sounds like something about the total width of the tables and table cells
involved is being interpreted by the browser as adding up to more than 100%,
or more than the pixel width of the browser window you're using to view it.

Can you post a URL, or the whole page's code?

 

[robert]

The address where you can see the page is www.autoloadingduplicators.com/a
page 3.html. I agree that the problem with the far right column looks like
the overall page dimension is greater than 100%. There are five columns
with a 2% gutters on the left of each. There is also a gutter on the right
that does not have a defined width. When I add all of the columns and
gutters together the sum is 96% which leaves a minimum of 4% for the
undefined column.

 

[P@tty Ayers]

That URL gives me a page-not-found.

Five columns is a lot to get to cooperate; is it possible to re-think the
layout?


--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

The address where you can see the page is www.autoloadingduplicators.com/a
page 3.html. I agree that the problem with the far right column looks
like
the overall page dimension is greater than 100%. There are five columns
with a 2% gutters on the left of each. There is also a gutter on the
right
that does not have a defined width. When I add all of the columns and
gutters together the sum is 96% which leaves a minimum of 4% for the
undefined column.

 

[Steve Easton]

You need to remove the spaces from the image names for the images used on your home page.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

The address where you can see the page is www.autoloadingduplicators.com/a
page 3.html. I agree that the problem with the far right column looks like
the overall page dimension is greater than 100%. There are five columns
with a 2% gutters on the left of each. There is also a gutter on the right
that does not have a defined width. When I add all of the columns and
gutters together the sum is 96% which leaves a minimum of 4% for the
undefined column.

 

[robert]

The page address is a bit strange but what you need to type is: a space page
space 3.html

That URL gives me a page-not-found.

Five columns is a lot to get to cooperate; is it possible to re-think the
layout?


--
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate Worksheet
--

The address where you can see the page is www.autoloadingduplicators.com/a
page 3.html. I agree that the problem with the far right column looks
like
the overall page dimension is greater than 100%. There are five columns
with a 2% gutters on the left of each. There is also a gutter on the
right
that does not have a defined width. When I add all of the columns and
gutters together the sum is 96% which leaves a minimum of 4% for the
undefined column.

 

[Steve Easton]

Spaces break links in a browser.
See my other post.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

The page address is a bit strange but what you need to type is: a space page
space 3.html

That URL gives me a page-not-found.

Five columns is a lot to get to cooperate; is it possible to re-think the
layout?

 

[robert]

Steve, I'm not sure you got the last reply so I'm sending the info again. I
made some changes to the page www.autoloadingduplicators.com/page3.html. The
results look fine on my screen at a resolution of 1280 x 1024. However, when
I view the page from another computer with the display set at a resolution of
800 x 600, the far right column moves outside of the intended boundry and the
text becomes distorted. Do you have any idea on how to fix this? The total
of the percentages for the five columns and six gutters is only 96%....

Spaces break links in a browser.
See my other post.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

The page address is a bit strange but what you need to type is: a space page
space 3.html

 

[Ronx]

Change the page design. As it stands, that page requires a minimum
width of 950 pixels to display correctly. The only way to squeeze
into a 800px wide browser is to make the images and text smaller (and
smaller text would be illegible, IMO it is too small already.)