Problem with page layout - do vertical height %ages work inNetscape?

#1

I¹m having trouble with Netscape handling tables vertical height %...

The whole body should auto-stretch to w:100% h:100% of the browser window.

Below is a graphic of my layout:

50% 50%
------------------------------------------------------------------------

Quote:

| | 14%
------------------------------------------------------------------------
| |
| |
| |
| |
| | 72%
| |
| |
| |
| |
------------------------------------------------------------------------
| | 14%
------------------------------------------------------------------------

Here is my code:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
scroll="no">

<table width="100%" height="14%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="100%" bgcolor="AAAAAA"></td>
<td width="50%" height="100%" bgcolor="BBBBBB"></td>
</tr>
</table>

<table width="100%" height="72%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="100%" valign="top" bgcolor="CCCCCC"></td>
<td width="50%" height="100%" valign="top" bgcolor="DDDDDD"></td>
</tr>
</table>

<table width="100%" height="14%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="100%" align="center" valign="middle"
bgcolor="EEEEEE"></td>
<td width="50%" height="100%" align="right" valign="bottom"
bgcolor="FFFFFF"></td>
</tr>
</table>

</body>

Is there a better/more compatible way to achieve this layout?
It works in MSIE6 & Safari but not Netscape...

Thanks
DD.

#2

David Douglas wrote:

Quote:

I¹m having trouble with Netscape handling tables vertical height %...

See http://apptools.com/examples/tableheight.php

Gary

#3

Thanks Gary!

Got it to work in Netscape - although the added CSS code has now compromised
elements in Mac IE5 slightly.

I suppose my next question is -- how do I create multiple CSS files specific
to each browser?.. (I don't expect anyone to answer this - although
replies/views welcome)

Thanks for your help,
David

On 20/7/04 3:11 pm, in article n0aqf0depv6cd3nqlh5alda3d2a1ptpd18 (AT) 4ax (DOT) com,
"Gary White" <reply (AT) newsgroup (DOT) please> wrote:

Quote:

David Douglas wrote:

I¹m having trouble with Netscape handling tables vertical height %...

See http://apptools.com/examples/tableheight.php

Gary

#4

"David Douglas" <david (AT) deadlyfingers (DOT) com> wrote

Quote:

Thanks Gary!

You're welcome.

Quote:

Got it to work in Netscape - although the added CSS code has now
compromised
elements in Mac IE5 slightly.

I suppose my next question is -- how do I create multiple CSS files
specific
to each browser?.. (I don't expect anyone to answer this - although
replies/views welcome)

I would discourage trying to create different style sheets for each browser.
You can take a look here to see some hacks to give IE5/Mac different styles:

http://www.sitepoint.com/blog-post-view.php?id=179726&ct=1

Gary

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Problem with page layout - do vertical height %ages work inNetscape?

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

Problem with page layout - do vertical height %ages work inNetscape? - 07-20-2004 , 08:13 AM

Re: Problem with page layout - do vertical height %ages work in Netscape? - 07-20-2004 , 10:11 AM

Re: Problem with page layout - do vertical height %ages work inNetscape? - 07-20-2004 , 07:34 PM

Re: Problem with page layout - do vertical height %ages work in Netscape? - 07-20-2004 , 08:46 PM