Hi,
I posted a Visual Studio 2008 project with (nested) masterpage examples and a Flexible Cross Browser 3 Column layout earlier on this blog.
I have now put up a live sample, you can find it at lualayout.bissadvice.nl.
Cheers,
rinze
sorry, but: to much unnecessary elements, id's that describe layout, to much unnecessary nesting
Hi Michaud,
There actually are no unnessary containers in there, can you be more specific? There is no way around the nesting when displaying this differently from the source order.
In regard to the id's describing layout: I don't think there is anything wrong with that. It improves readibility of the source code (because the source order is very different from what you are seeing). Futhermore, this is mainly applied to the wire-containers (the center container is called center), as opposed to the main navigation list, which is called primaryNav for example.
Kind regards,
Rinze
I found this layout and thought it looked supurb. In fact I had tried about 10-15 layouts previously to this and none of them really worked quite how I wanted so I was delighted to find this.
I tried it on the following:
Linux (using IEs4Linux)
IE5
IE5.5
IE6
Windows XP
In all of them the layout broke very easily when the browser was re-sized. It broke in between 1024x768 and 1280*1024. The left and right columns drop and cross over the main content in all and in IE5.5 and below the menus don't work correctly. It is fine in Firefox.
I only mention this as you have stylesheets for those browsers attached and so I assume it is meant to work on those browsers.
I have ofcourse tested in all these browsers (except for linux) and experienced no problems at all. Resizing should work fine, so this surprises me. Is this the fixed width or bordered version?
Please note that when testing on older IE browsers from a windows computer, the stylesheets in the conditional comments will nog get loaded when a newer version is installed. So if you are running an IE 5.5 executable with IE8 installed, the stylesheet will not get loaded (I think it's a registry thing).
The right column should never cross over the maincontent, just slide under it when there is no more space to resize the main content.
I had another look at this and found the same thing using IE 6 and below on Linux (ies4linux). It also happens on IE7 running in XP on virtual machine. I also tried this on IE6 (no other versions of IE installed) on a pure XP machine and had the same problem. The layout I tried was:
lualayout.bissadvice.nl