[thelist] Layout Problem - Help Please
Alexis Antonakis
admin at antonakis.co.uk
Wed Jan 14 14:40:09 CST 2004
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.
>
>
>
>
More information about the thelist
mailing list