How do I put header and navigation bar side by side

[Donna Ryan]

My website is progressing well thanks to the help of you guys. My next question is involving fitting everything on the page so that you don't have to scroll down to watch the slideshow. How do I line the header and navigation bar up side by side (like Andy's) to create more room?

[denisegoldberg]

My website is progressing well thanks to the help of you guys. My next question is involving fitting everything on the page so that you don't have to scroll down to watch the slideshow. How do I line the header and navigation bar up side by side (like Andy's) to create more room?
Allen helped someone else with this in this thread - http://www.dgrin.com/showthread.php?t=87134. The code in that thread uses two divs, one for the banner image and one for the navbar. One of the divs floats left and the other floats right.

I did something similar on my site, but I used one div - essentially a container - and two classes. In my case, I used the div to set the height, bottom border, and margins for my overall name and nav combination, then had one class set to be at the left side of the screen (as position: absolute) and the other class - the one containing my navbar entries - set as float: right. My implementation is a bit different than yours will be because I don't use an image as a banner. Hopefully this will give you some ideas though.

Info on multiple divs & classes starts on page 19 of Ivar's CSS (Customizing SmugMug Simplified) document which can be downloaded from this thread - http://www.dgrin.com/showthread.php?t=54833.

--- Denise