[thelist] Layout Problem - Help Please

[Alexis Antonakis]

Ron,

I managed to do the following, which seems to work fine in all the 
browsers I've tested it on (Firebird, Mozilla, Netscape & Opera), except 
for most versions of I.E.
I.E. 3 worked fine, but 5.0, 5.5 & 6.0 wouldn't (I couldn't test on 
4.0), which makes me suspect that these versions use different 
formatting for displaying tables than all the other browsers. Not much 
help I know but I'd thought I'd mention it anyway...perhaps you could 
put on your site something like 'Best viewed on any browser EXCEPT 
Internet Explorer' ;o)


Regards
Alexis


Anyway here is my attempt:

----------------------------------------------
|           |                                |
|           |                                |
|           |                                |
|  a        |              b                 |
|           |                                |
|           |                                |
|           |                                |
|   --      |--------------------------------|
|    a1     |      d1       |     e1         |
|-----------|     --        |       --       |
|    c      |      d        |       e2       |
|           |               |                |
|-----------|---------------|         --     |
|                           |                |
|             f             |      e         |
|                           |                |
----------------------------------------------

<!-- height of a=100 -->
<!-- height of b=100 -->
<!-- height of a1=20 -->
<!-- height of d1=20 -->
<!-- height of e1=20 -->
<!-- height of c=40 -->
<!-- height of d=40 -->
<!-- height of e2=40 -->
<!-- height of f=40 -->
<!-- height of e=40 -->


<table border=1 width=200 height=200>
	<tr>
		<td height=110 rowspan=2>a</td>
		<td height=100 colspan=2>b</td>
	</tr>
	<tr>
		<td height=50 rowspan=2>d</td>
		<td height=100 rowspan=3>e</td>
	</tr>
	<tr>
		<td height=40 >c</td>
	</tr>
	<tr>
		<td height=50 colspan=2>f</td>
	</tr>
</table>



Ron Dorman wrote:

> Greetings All,
> 
> I have been struggling for 2 days with a layout I have to code. It needs 
> blocks of content layed out like this:
> 
> ----------------------------------------------
> |           |                                |
> |           |                                |
> |           |                                |
> |           |                                |
> |           |                                |
> |           |                                |
> |           |                                |
> |           |--------------------------------|
> |           |               |                |
> |-----------|               |                |
> |           |               |                |
> |           |               |                |
> |-----------|---------------|                |
> |                           |                |
> |                           |                |
> |                           |                |
> ----------------------------------------------
> 
> I have been able to get everything except the lower left block in place 
> and working in 3 different browsers.
> 
> Any ideas on how to make this work, tables or tabless, greatly 
> appreciated. Code is html, no php, asp or any such involved.
> 
> Thanks,
> Ron D.
> 
> 
> 
>