Mike A wrote:

> http://www.webdev-academy.com/test-layout/index.html

Looks like a variant of...
<http://www.positioniseverything.net/articles/onetruelayout/anyorder>

> Does it work, especially when browser is resized?

div#navigation {
margin-left : -100.01%;
}

...will make Gecko browsers offset that container slightly too far to
the left at certain window widths - a couple of pixels on my 3800 wide
screens. Similar but smaller "errors" appear in other browsers on wide
windows. Better make that 100% sharp.

Content in the overlayered header will easily be overlapped by main
container when subjected to font resizing - especially on narrow
windows. If the header ends up with only an image then it won't be a
problem.


A min-width wouldn't hurt, as it does look a bit cramped on narrow
windows. For the same reason the...

div#main-wrap {
margin : 100px 7% 0% 7%;
}

...might better be replaced with something like...

div#main-wrap {
margin : 10px auto 0 auto;
}

...and the page be given a max-width in percentage instead. Will make
much better use of available window that way.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to