Welcome to WebmasterWorld Guest from 23.20.230.24

Forum Moderators: open

Message Too Old, No Replies

Liquid Design using DreamWeaver MX?

What's the CSS code?

     
3:40 pm on Dec 17, 2002 (gmt 0)

10+ Year Member



What's the CSS code using tables?
2:35 pm on Jan 6, 2003 (gmt 0)

WebmasterWorld Senior Member korkus2000 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



I don't understand what you are asking. You want the tables to have 100% width?
11:28 am on Jan 8, 2003 (gmt 0)

10+ Year Member



liquid design with tables and css are two different things. I don't follow which you want, either.

This might be better in the CSS forum, despite its WYSIWYG reference?

[edit: seems to be an awfully old post? hmm!]

11:29 am on Jan 8, 2003 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Do you mean: <table height="100%" width="100%" ..>?

or in CSS:

table { width:100%; height:100% }

2:13 pm on Jan 8, 2003 (gmt 0)

10+ Year Member



BlobFisk

Which one works?

I want my site to fit any browser regardless of size....

2:23 pm on Jan 8, 2003 (gmt 0)

WebmasterWorld Senior Member blobfisk is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Well, to fit any browser and not worry about CSS compatibility issues etc. then the <table width="100%" height="100%" ...> will ensure it behaves the same in all browsers. It'll stretch to fit the available width and height

It's not standards compliant and an all encompassing table has download issues (all elements must be read before any are shown), but it works.

3:07 pm on Jan 8, 2003 (gmt 0)

WebmasterWorld Administrator martinibuster is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



You may have to use centering. You have to sit down and think about the different tables that make up the page. You have to imagine which table can be allowed to have 100% width. You will have one or more tables with fixed width. Like the table that contains the navigation.

What is allowed to stretch to 100% width is the main table where the content is. Then you'll see your text stretching and wrapping to fit the browser window.

Now the (somewhat) tricky part: The top portion of the page, where you will normally find a banner ad, or slogan, should have a component that is set to 100% width, so that it stretches out a COLORED or blank portion of the page, so that it looks cohesive (the opposite of falling apart).

To do all this well, you will have to use centering for some or all of the content/tables.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month