Width: CSS vs. tables

On Wed, 13 Sep 2006 09:43:32 -0700, ebakunin wrote:

> Hello,
>
> I'm trying to switch from using tables to CSS. One of the advantages of
> tables is the "width" attribute, which will dynamically spread a table
> across the browser screen. Therefore, when the browser window is resized,
> the tables will resize as well. However, when width is used in CSS, it
> statically sets the width of the element on the screen. When the browser
> is resized, the element widths remain the same. For example:
>
> Using Tables:
> |----30%----||----------70%-----------| browser in full screen mode
>
> |--30%--||------70%-------| browser resized to a smaller window
>
> Using CSS:
> |----30%----||----------70%-----------| browser in full screen mode
>
> |----30%----|
> |----------70%-----------| browser resized to a smaller window forces
> thesecond element to a lower row because of insufficient size
>
>
> Does anyone have an idea of how to address this issue? Thanks.

You need to post a URI so we can look at it.
It could be that you have some element
in the 30% section that is wider than 30% of the window at the smaller
size. These things also behave differently when you are floating the 70%
section versus when you position it using a wide margin. All sorts of
things could be going on. So we really have to see the URI.
 >> Stay informed about: Width: CSS vs. tables 

On Wed, 13 Sep 2006 10:18:39 -0700, ebakunin wrote:
> Is the width
> attribute based on the parent's values or the document's values? Thanks
> for the help.

Pardon my being pedantic, but you'll probably want to know this:
You are confusing an HTML element's attributes with CSS properties
that can apply to an HTML element. I imagine that they were given
different names to help us separate our thinking about the two
very different ways of positioning elements.

Percentage values for the width property refer to the parent element's
width. (Reference to the parent element does not apply to all styles.)
 >> Stay informed about: Width: CSS vs. tables 

On 2006-09-13 12:43:32 -0400, ebakunin.TakeThisOut@gmail.com said:

> Does anyone have an idea of how to address this issue? Thanks.

Just a guess, but is there any chance you have padding in either of the
HTML elements you are styling with CSS?

It may not be the case, but one thing that catches many out with CSS is
the way the box model works.

In the case of, say, a div with a width of 70% and padding set to 5px,
the width of the final div will be 70%, plus 5px on the left, plus 5px
on the right, making it more than 70%

This can cause unexpected wrapping along the way....

Might be irrelevant, but like I said - its just a guess....


--
Thyme Online Ltd
Caribbean Web Design
http://www.thymeonline.com/
 >> Stay informed about: Width: CSS vs. tables