[mugwump]

How are pages designed that the entire layout adjusts when the viewer's browser is adjusted?

In GoLive, a floating box or any layout box doesn't seem able to allow for the users browser to adjust the width. Especially with text, where text within any type of box or layout grid is locked in certain width.

MacNN looks good, for instance. How do some of those boxes grow with when the browser is adjusted?

[Simon Mundy]

Originally posted by mugwump:
<STRONG>How are pages designed that the entire layout adjusts when the viewer's browser is adjusted?

In GoLive, a floating box or any layout box doesn't seem able to allow for the users browser to adjust the width. Especially with text, where text within any type of box or layout grid is locked in certain width.

MacNN looks good, for instance. How do some of those boxes grow with when the browser is adjusted?

</STRONG>

Because the table sizes of MacNN are set as a % rather than as a fixed size. You can make floating boxes or layout boxes adjustable - just set them as %'s too! Be aware that IE has some rather unpredictable behaviour when making something 100% width - sometimes it forces a horizontal scroll bar, sometimes it doesn't. Make it 99% if you can and it works a whole lot better.

[Mac Guru]

Exactly as described above... Tables are WONDERFUL...

Fig. 1 - This would be an example of a simple table layout for an expandable content box:



Fig. 2 - The corners of the box are set to the exact width and height dimensions for the graphics for the corners of the box. The corner images are placed in each of thier corresponding boxes.



Fig. 3 - The sides are the part that allow it to be expandable... you specify the width of the side boxes and the height of the top and bottom boxes... you then specify a percentage for these boxes in the height of the sides or width of the top and bottom so that they expand.

The trick is... you just use a 1 pixel wide image and set it as the tiled background for these boxes rather than using a fixed image size.



Hope that helps...

Mac Guru

[ 02-08-2002: Message edited by: Mac Guru ]

[Mac Guru]

Exactly as described above... Tables are WONDERFUL...

Fig. 1 - This would be an example of a simple table layout for an expandable content box:



Fig. 2 - The corners of the box are set to the exact width and height dimensions for the graphics for the corners of the box. The corner images are placed in each of thier corresponding boxes.



Fig. 3 - The sides are the part that allow it to be expandable... you specify the width of the side boxes and the height of the top and bottom boxes... you then specify a percentage for these boxes in the height of the sides or width of the top and bottom so that they expand.

The trick is... you just use a 1 pixel wide image and set it as the tiled background for these boxes rather than using a fixed image size.



Hope that helps...

Mac Guru

[ 02-11-2002: Message edited by: Mac Guru ]

[mugwump]

Hey Guru, could you get those links working? I am salivating to see what you're talking about. Thanks much for your info!

[Synotic]

I suggest copying the source of MacNN (Command-E in Explorer) and pasting it into GoLive. They use tables rather than floating/layout boxes, Those really aren't good for web design.