[thelist] FW: Liquid header problems

[Gina K. Anderson]

Janice,

I don't think I was clear..and I'm not understanding <grin>. I see one big
problem with your page, which is the big white space on smaller windows. You
will fix the big white space on the banner table by putting all the tables you
have on that page *into* a one row 100% table. This will make the banner table
behave and make it liquid. Also, your tabs don't slide over to the right.

You can fix that by aligning the row that those tabs are in to the "right"
instead of "center".

I dickered with your code and uploaded it so you can see what I did. Go to:
http://www.sitediva.com/clients/janice/cm_3a.asp
(I couldn't get to the logo image..I didn't try real hard, but all I got was
"spacer.gif" ;)

Now, I'm not sure what you mean by sliding to the *left*, what needs to slide to
the left? Are you talking about the left side beigey column, then it's set to a
fixed pixel width, if you want it liquid, you'll need to give it a percentage
width, and do the same for the other columns in the table. (???)

I may not be able to respond to further questions tonight, but I'll be around
tomorrow--

Gina



|-----Original Message-----
|From: thelist-admin at lists.evolt.org
|[mailto:thelist-admin at lists.evolt.org]On Behalf Of JTocher
|Sent: Saturday, November 18, 2000 8:14 PM
|To: thelist at lists.evolt.org
|Subject: Re: [thelist] FW: Liquid header problems
|
|
|Hi Gina,
|Thanks for the info but....
|I need the narrowest cell (the sub nav items) to also slide over to the
|left. Putting it into one table stops the 'sliding action' with the widest
|items - my middle row tabs - not letting the bottom nave items also slide
|over.
|I've also tried making the entire page the fuchia color but that looks gross
|as the page is loading...
|ah, me - worked on this many long hrs! with no good solution yet...
|~j
|
|on 11/18/00 7:42 PM, you wrote:
|
|> Hi Janice,
|>
|> The way I deal with this problem is to put the whole shebang into a
|100% wide,
|> one row table, this makes the tables behave.
|>
|> Try that and see if that works.
|>
|> Gina
|>
|> |-----Original Message-----
|> |From: thelist-admin at lists.evolt.org
|> |[mailto:thelist-admin at lists.evolt.org]On Behalf Of JTocher
|> |Sent: Saturday, November 18, 2000 4:04 PM
|> |To: thelist at lists.evolt.org
|> |Subject: [thelist] FW: Liquid header problems
|> |
|> |
|> |
|> |Hello evolt...
|> |
|> |I'm having 'fits' with a header I'm designing for a client site. After
|> |reading the excellent article on evolt regarding liquid pages, I've designed
|> |the pages to fit within the browser window when the window is wide and
|> |condense to a minimum of 600 pixels when the window is narrow.
|> |
|> |My problem is the header. I need each row to be independent of each other
|> |with regards to centering. As the user makes the window narrower, the text
|> |and images need to slide over to the left as far as possible and when making
|> |the window wider, center in the browser window.
|> |
|> |All works fine until the user makes the window narrow. Then, because each
|> |table contains a different amount of data, scrolling to the right, shows my
|> |tables as 'stairsteps' rather than flowing to the right window border as it
|> |should.
|> |
|> |I've tried putting the entire header into its own table, but then the rows
|> |don't slide to the left as they need to - they remain centered on the widest
|> |portion - the top header.
|> |
|> |You can see my work in progress at
|> |
|> |http://serversolutions.com/averra/testing/cm_3.asp
|> |
|> |tia for any insights!
|> |Janice
|> |
|> |
|> |---------------------------------------
|> |For unsubscribe and other options, including
|> |the Tip Harvester and archive of TheList go to:
|> |http://lists.evolt.org Workers of the Web, evolt !
|> |
|>
|>
|> ---------------------------------------
|> For unsubscribe and other options, including
|> the Tip Harvester and archive of TheList go to:
|> http://lists.evolt.org Workers of the Web, evolt !
|>
|
|
|---------------------------------------
|For unsubscribe and other options, including
|the Tip Harvester and archive of TheList go to:
|http://lists.evolt.org Workers of the Web, evolt !
|