table width (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

sventer -> table width (1/8/2005 11:57:30)

I'm delving into creating more with CSS and performing more customization to FP templates.
I'm designing a web for a client and am playing with different layouts at


http://www.svwebnet.com/EllisZen


This client wants the table to fill more of the screen--The black border is too wide on the sides...what do I need to adjust to make this happen and to ensure that the site image will fill the screen regardless of the user's resolution?

Any and all advice is much appreciated...

Sharon
www.svwebnet.com



Larry M. -> RE: table width (1/8/2005 12:12:15)

Sharon,

Look's like you sucessfully addressed this same issue on www.svwebnet.com, which was to make the background blend with site colors. Will be harder to do on http://www.svwebnet.com/EllisZen because of the narrow range of pastels.





dpf -> RE: table width (1/8/2005 12:18:51)

quote:

Will be harder to do on http://www.svwebnet.com/EllisZen because of the narrow range of pastels.
but why not grab one of those pastels? the black simply doesnt work on that page



dpf -> RE: table width (1/8/2005 12:22:51)

quote:

This client wants the table to fill more of the screen--The black border is too wide on the sides...what do I need to adjust to make this happen and to ensure that the site image will fill the screen regardless of the user's resolution?
take a look at this code below from your site.. change the fixed width (width="770") to 100%
quote:

<table width="770" border="0" cellspacing="0" cellpadding="0" summary="Main Layout">
<tr>



Sid -> RE: table width (1/8/2005 13:00:47)

This link to microsofts training on tables may help.
http://office.microsoft.com/training/training.aspx?AssetID=RC072935261033



dpf -> RE: table width (1/8/2005 13:04:28)

and Outfronts tutorials also:
http://www.outfront.net/tutorials_02/fp_techniques/tables_intro.htm



Kitka -> RE: table width (1/8/2005 17:30:10)

quote:

take a look at this code below from your site.. change the fixed width (width="770") to 100%


Dan,

Sharon asked "... and to ensure that the site image will fill the screen regardless of the user's resolution?".

Her banner image is 770px wide, so how will changing the table to 100% help it look right in a higher res? There will be blank space on either side if centered.



dpf -> RE: table width (1/8/2005 17:57:39)

quote:

so how will changing the table to 100% help it look right in a higher res?
hhmmm..what are your thoughts? I thought that would work.



Kitka -> RE: table width (1/8/2005 18:16:11)

quote:

..what are your thoughts?


I don't have any sensible suggestions. It is very difficult to make a fluid layout with a large non-repeatable banner like that. Some people make it work by grading the right of the pic into a solid colour, then making the cell or div backbround the same colour, so it blends in seamlessly. But I am not sure that would work here.



Larry M. -> RE: table width (1/8/2005 18:41:05)

quote:

make the background blend with site colors


Kinda back to this then, aren't we?



dpf -> RE: table width (1/8/2005 18:54:01)

i think so larry



d a v e -> RE: table width (1/9/2005 3:14:53)

the background colour for tha main td (the one that starts 'welcome' has a black background in firefox making the text vvirtually illegible



sventer -> RE: table width (1/9/2005 18:47:48)

Thank you all...I've got a great place to start and will apply changes and see what I come up with...thanks too for the tutorial links!

Sharon



sventer -> RE: table width (1/9/2005 19:25:59)

One additional query...I've figured out how to get the static table sized the way I need and the graphic...however, with svwebnet.com that I built with an acquired template..no matter what resolution the viewer is using they don't need to scroll horizontally, yet I can't figure out which part of the code is making that happen? That's also what I need to do in the /EllisZen web.
Re: firefox and the black background, ewww...I do believe I missed a bkgrnd color change in one of the style sheets and will get right to that...
Thanks again,
Sharon



Kitka -> RE: table width (1/9/2005 19:37:04)

quote:

however, with svwebnet.com that I built with an acquired template..no matter what resolution the viewer is using they don't need to scroll horizontally, yet I can't figure out which part of the code is making that happen?


It is as Dan mentioned above:
quote:

take a look at this code below from your site.. change the fixed width (width="770") to 100%


A table set to 100% width will be fluid, and expand or contract (to a certain limit) to fit the screen horizontally.



sventer -> RE: table width (1/9/2005 21:08:53)

Okay...I had tried that and it didn't seem to happen...will look at it again...thanks so much...Sharon



skip -> RE: table width (1/9/2005 22:01:04)

if your jpg header image is 990px wide, won't it always be to wide
i thought 700 to 800 was more of a standard width



Kitka -> RE: table width (1/9/2005 22:18:17)

quote:

Okay...I had tried that and it didn't seem to happen.


The reason it is not resizing downwards, is because the banner is a fixed width, and at its current 990px, is holding the table open to its size.

That is what the earlier messages above were discussing. If you leave the banner at 770px and made the table flexible with 100% width, you will get spaces on either side of the banner at higher resolutions. If you make the banner wider, you will get a horizontal scroll bar at lower resolutions.

There is no ideal way of dealing with this problem.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125