Posted by Jonathan N. Little on 05/17/06 19:05

Knut Krueger wrote:
>
>
> Jonathan N. Little schrieb:
> ....
>> My personal dog site which I just upgraded the code and about to move
>> to its own domain is creative in its layout without abusing tables IMO.
>>
>> http://www.littleworksstudio.com/Amberlithe
>>
> Looks good but one more question:
> where is the postion instruction of the id="nav" and the id="inner"
> located, so that is at the upper right corner?
>
> #nav { float: right; margin: 10px; border: 0; padding: 0; }

the float: right; 'pulls' navbar out of the regular flow of the
document and the margin: 10px; puts the 10px buffer zone that offsets
the navbar down and to the left 10px. If it was margin: 0; the navbar
would be push right up in the upper-right corner, I wanted the space.

The margin also creates the 'breathing room' for the regular page
content so that it does not slam right up to the navbar.

If you go into a section, a submenu appears on the left. It also is not
a table but a list and the 'flyout' is done with CSS styling and not
JavaScript.

The real advantage of all this is how it is all adaptable to different
styling for different devices, with you can see by looking at the page
in 'Print Preview'.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]