Re: How to align elements and define resize behaviour?

Eric B. Bednarz wrote:
> Sigh, you don't give all relevant information, also not
> in that post

I apologise if my description was unclear. I'll try to
describe it in another way. My goal is to make HTML
document, which consists of four parts:

+---+---+
| 1 | 2 | 1 - image
+---+---+ 2 - iframe
| 3 | 4 | 3 - left aligned button
+---+---+ 4 - three right aligned buttons

This layout should occupy all visible area of the document.
During resize I want that:

- part 1 can change its height, but not width
- part 2 can change both its height and width
- part 3 can change its width, but not height
- part 4 the same as part 3

Also, I need that part 1 will make its width equal to the
width of image. That's all. Regarding possible solution, I
would prefer to stay within basic HTML (if possible) even at
the cost of trading coolness of the look for simplicity.

Currently I can achieve my goal by using table with
following parameters:

<TABLE height="100%">
<TR>
<TD valign="top" background="leftBkg.bmp">
<IMG src="left.bmp">
</TD>
<TD width="100%">
<IFRAME width="100%" height="100%"></IFRAME>
</TD>
</TR>
<TR height="1%">
<TD align="left">[button]</TD>
<TD align="right">[button][button][button]</TD>
</TR>
</TABLE>

> because doctype sniffing happens to matter in this case.
> The difference between my suggestion and your solution is
> that mine works quite consistently in quite all more or
> less contemporary UA's and degrades acceptably if not
> (read: IE5/Mac and IE6 in 'standards compliance' mode
> would calculate the sizes relative to the contents).
> Yours would cause a vertical scrollbar in iCab and IE6 in
> 'standards compliance' mode.

My client is IE5.5/IE6[/IE7?] on Windows for foreseeable
future. Anyway, I'm ready to implement it in most robust way
toprevent headaches right from the beginning.

Thanks
Alex




.

Quantcast